You use jqGrid together with jQuery UI 1.8 (RC3), but Multiselect widget (jQuery UI plugin) is not compatible with jQuery UI 1.8 und must be a little modified. One have to modify/overwrite “destroy” function from ui.multiselect.js and set default option of multiselect with a little another way (corresponds to new jQuery UI 1.8 standards). In
/blog/?page_id=393/bugs/small-bug-in-grid-jqueryui-js-and-ui-multiselect-js/ you'll find two ways to do this.
You are right Tony! I didn't read the code carfully enough. Neverthless the problem with jQuery UI 1.8 and Multiselect widget stay. At least in IE the columnChooser don't work at all with jQuery UI 1.8. One sees only an almost empty window. So either ui.multiselect.js or grid.jquery.ui.js should be changed early or later. In my version I changed ui.multiselect.js to be able quickly update jqGrid loaded directly from GitHub, so I almost forget about the problem.
To make columnChooser working with jQuery UI 1.8 you have to do 2 things:
initialize options of ui.multiselect, because $.ui.multiselect.defaults will be read from jQuery UI 1.7, but not from jQuery UI 1.8
change destroy function of ui.multiselect corresponds new jQuery UI 1.8 requirements
In initialize options of ui.multiselect you can do ONE from the following
add {“msel_opts”: $.ui.multiselect.defaults} parameter of columnChooser. With this way you don't change defaults of ui.multiselect, but give all options which one needs directly in the columnChooser call.
add options inside of “ui.multiselect”.
To change destroy function of ui.multiselect or to add options inside of “ui.multiselect” you can use ONE from the following technics:
First technic:
modify ui.multiselect.js by inserting block with options definition (marked bold below):