jqxdropdownlist popup issue

[09097037Participant]

Hi ,

I am using jqxdropdownlist inside jqxgrid as a columntype. i am populating the data in dropdownlist dynamically from another jqxgrid.getrows … when i am trying to open the dropdownlist , its taking 3-4 clicks to open the dropdown. how can i make it visible and also should open on 1 click. here is the sample code i am using.

// Start – Route and assignedPod Grid
source1 = {
localdata:data.routeList,
datatype: “array”,
datafields: [
{name: ‘routeID’},
{name: ‘podName’}
],
id: ‘id’
//url: ‘routeData.txt’
};
var dataAdapter1 = new $.jqx.dataAdapter(source1);

//Create Route jqxGrid
$(“#jqxRouteGrid”).jqxGrid(
{
width: 400,
source: dataAdapter1,
columnsresize: true,
theme: themeobj,
selectionmode: ‘singlecell’,
height: 180,
editable: true,
//showfilterrow: true,
//filterable: true,
scrollable :true,
scrollbarsize: 10,
altrows: true,
columns: [
{ text: ‘Route Number’, filtercondition: ‘starts_with’, datafield: ‘routeID’, width: 200 },
{ text: ‘POD Assigned’, columntype: ‘dropdownlist’, datafield: ‘podName’, width: 182,
scrollBarSize:5,
createeditor: function (row, column, editor) {
$(“#”+column).css(‘z-index’, 9999999999);
editor.jqxDropDownList({source: dropDownList,autoOpen: true,animationType: ‘none’});

$(editor).bind(‘open’, function (event) {
//var ds = $(‘#jqxPodGrid’).jqxGrid(‘getrows’);
//alert(ds);
editor.jqxDropDownList({source: dropDownList,autoOpen: true,animationType: ‘none’});
});
},
cellvaluechanging: function (row, column, columntype, oldvalue, newvalue) {
saveState();//($(“#jqxPodGrid”).jqxGrid(‘exportdata’, ‘json’),$(“#jqxRouteGrid”).jqxGrid(‘exportdata’, ‘json’));
if (newvalue == “”) return oldvalue;
}
}
]
});

thanks

Naseer

 

[Peter StoevKeymaster]

Hi Naseer,

Thanks for writing.

jqxDropDownList should not be populated with data when the Popup is opened. In the provided code, you will change the widget’s data source each time the popup is opened.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[09097037Participant]

Hi Peter,

thanks for replying. I do have the business requirement that when ever jqxgrid1 changes, its data need to populate in the dropdownlist. so i am trying to achieve this while a user try to open the dropdownlist. if this is not proper, can you please help me providing better solution.

thanks
naseer

[Peter StoevKeymaster]

Hi naseer,

The jqxDropDownList’s “source” should be updated only in the “createeditor” callback function as you have already done that. In case you wish to update the data source each time the editor needs to be displayed, use the “initeditor” callback instead.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[09097037Participant]

Hi Peter,

thanks for the suggestion. I implemented it and its working better than before. Can you please give me some sample code line where the dropdownlist will be visible in the jqxgrid column. currently in jqxgrid the dropdownlist is invisible, user has to click 2 times to make it visible and then select the options.

thanks
Naseer

[Author]

Posts