Hi ivailo,
Please try this code, this is a jqxdropdownbutton in the window.
Open popup after click any element in the window or click close.
html party
<div id='jqxwindow'>
<div>Header</div>
<div>
<input id="jqxInput" />
<div id="jqxdropdownbutton">
<div style="border-color: transparent;" id="jqxgrid">
</div>
</div>
</div>
</div>
<button id="button">Open</button>
script party
$("#jqxInput").jqxInput({
width: 150,
height: 25
});
$("#jqxgrid").jqxGrid({
height: 300,
width: 300,
columns: [{
text: 'First Name',
columntype: 'textbox',
datafield: 'firstname',
width: 90
}, {
text: 'Last Name',
datafield: 'lastname',
columntype: 'textbox',
width: 90
}, ]
});
$("#jqxdropdownbutton").jqxDropDownButton({
width: 150,
height: 25
});
$("#jqxwindow").jqxWindow({
isModal: true,
height: 500,
width: 500,
theme: 'energyblue',
autoOpen: false
});
$("#button").click(function() {
$("#jqxwindow").jqxWindow('open');
});
Best Regards,
luciferwzl
