to work with Column Choose you need use MultiSelect plugin (ui.multiselect.css, ui.multiselect.js). Moreover if you use jQuery 1.4.2 and jQuery UI 1.8 you need modify ui.multiselect.js or grid.jqueryui.js a little /blog/?page_id=393/bugs/small-bug-in-grid-jqueryui-js-and-ui-multiselect-js/ or add {"msel_opts": $.ui.multiselect.defaults} as an option of columnChooser function. You should read documentation /jqgridwiki/doku.php?id=wiki:jquery_ui_methods of Column Chooser function.

I don't recommend you to use jQuery UI 1.7.2 together with jQuery 1.4.2. Either should one use jQuery 1.3.2 with jQuery UI 1.7.2 or jQuery UI 1.8 (in RC3 now) and jQuery 1.4.2. I recommend to use last source of jqGrid from http://github.com/tonytomov/jqGrid if you want to use jQuery UI 1.8.

Best regards
Oleg

Does anyone know how to create a two-column column choser with "+" and "-" icons next to each columns to hide/show them, reordering through dragging? (See "Column Chooser" demo under "New in version 3.6")

Following the example on the demo page, I end up with a much simple column choser which only supports selecting which columsn to display (whichever ones are highlighted) and no reordering. It looks more similar to the screenshot in the plugin's documentation at http://www.trirand.com/jqgridw.....de_columns.

Here is what I'm using:

jQuery 1.4.2

jQuery UI 1.7.2 (Including Draggable, Droppable, Sortable, Dialog, etc.  components)

jqGrid 3.6.4 (Modules: grid.base.js; jquery.fmatter.js; grid.custom.js; grid.common.js; grid.formedit.js; jquery.searchFilter.js; grid.import.js; JsonXml.js; grid.setcolumns.js; grid.postext.js; grid.jqueryui.js;)

Any suggestions?

Thanks!

Keith