drop down grid

[jahnvi25Participant]

jqxgrid is open when droDown button is clicked.. is there a way when user selects the row/cell… that dropdown grid should be hidden..and again when user clicks on that dropdown button grid should be visible ?

[DimitarParticipant]

Hello jahnvi25,

Please take a look at the demo DropDown Grid. In it, modify the rowselect event handler by adding a call to the jqxDropDownButton close method, i.e.:

$("#jqxgrid").on('rowselect', function (event) {
    var args = event.args;
    var row = $("#jqxgrid").jqxGrid('getrowdata', args.rowindex);
    var dropDownContent = '<div style="position: relative; margin-left: 3px; margin-top: 5px;">' + row['firstname'] + ' ' + row['lastname'] + '</div>';
    $("#jqxdropdownbutton").jqxDropDownButton('setContent', dropDownContent);
    $('#jqxdropdownbutton').jqxDropDownButton('close');
});

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[jahnvi25Participant]

works great.. thanks

[Author]

Posts