Thanks.

The change is done in GitHub.

Regards

Tony

I repeat my old suggestion one more time. If you insert alert() at least in debug version of jQuery for all cases if $, $.ui or $.ui.multiselect not defined you will save a lot of yor time and not advanced user will save also his time.

Regards
Oleg

As you said, with the correct loading order, the last version from gitHub works just fine.

Thank you very much for your time!

I found you problem. Please replace your multiselect plugin with those provided with jqGrid download.

I do not have time to investigate why, but it works.

Regards

Tony

If you have read this therad carfully from the beggining to the end you will notice following 2 importanta things (see Oleg posts)

1. The multiselect should be loaded before jqGrid.

2. the columnChooser method of the current official version of jqGrid 3.6.4 is not compatible with jQuery 1.4 and jQuery UI 1.8.

In order to use it in this enviroment you should get the version from GitHub.

In order to demonstarte you that everthing work, you can download your examples from here.

The one is bounded with jQuery 1.3.2 and jQuery UI 1.7 the other is with jQuery 1.4 and jQuery 1.8.

Both works well in my demo.

And again you have the wrong version for the multiselect plugin. I the zips I have put those provided with jqGrid.

http://www.trirand.com/tests/c.....ser1.7.zip

http://www.trirand.com/tests/c.....ser1.8.zip

Enjoy

Tony

Thanks for this information about the loading order.

However; it doesn't solve the problem. I still can't use the column chooser twice in a row...

Does this work with the same settings with jQuery 1.8.x?

Also try to add DOCTYPE in your document.

Regards

Tony

OlegK said:

Hello ddotsenko!

In the example on the http://www.accentsolution.com/.....store.html I could not find any loading of ui.multiselect.css and ui.multiselect.js. They must be explicit loaded before loading jqGrid (at least before grid.jqueryui.js) in your case before "/static/jquery.jqGrid_remote.js".

Here is the example of that loads the multiselect JavaScript. In this case, the selector, as you can see, does not become "MultiSelect" It just stays as regular jQuery UI Dialog + selects inside.

http://www.accentsolution.com/.....elect.html

In my case, the style of multiselect is never applied to the selector. I traced the issue in file grid.jqueryui.js to line 260, which takes us to line 250, after which it enters spagetti code which i don't (have little patience to) understand. 

I do appear to be loading multiselect before jqGrid and after jQuery UI.

The parts are the same:

- jQuery 1.3.2, jQuery UI 1.7.3

- "Master" branch of Michael's MutipleSelect ("Next" branch needs some extra plug ins and I did not try that)

- jqGrid from git, master.

Thanks.

The most common error here. You load a multiselect plugin after jqGrid and not before.

I added a important note into the documentation.

So your order of loading should be this:

Best Regards

Tony

P.S. Oleg - you are right - we should detect this

I use local data and I have disabled editing.

This grid's only purpose is to demonstrate the column chooser multiselect plugin combination.

It uses:

• jquery 1.4.2
• jquery-ui 1.8.1
• jqgrid 3.6.4
• ui-multiselect plugin 0.3

Here is the link to the whole source folder:

http://www.2shared.com/file/iw.....G/BUG.html

In this example, you can see that it is impossible to use the column chooser twice in a row without refreshing the page.

And I still get this problem. i can't use the column chooser twice in a row without reloading the page.

By a link you mean a link to a page where you can see the problem in action?

For that I must found a place to upload an example

Isn't it possible to just post the complete code for an example?

Try the last version of jqGrid from GitHub, not multiselect.

Sorry, but I can not help anymore if there is no link to the problem.

Regards

Tony

I doesn't solve the problem.

In fact, it is even worse. I still can't use the column chooser two times in a row without reloading the page.

And this time, when I try to remove some columns, it appears as if nothing happens in the column chooser window.

But if I click on the Submit button, the modifications are still taken into account.

It is strange.

I have also tried the version 0.3 of the multiselect plugin provided here:

http://github.com/michael/multiselect/

And it is even worse than the version provided with the jqgrid download as nothing shows up in the column chooser window.

Do you think I should use the uncompressed version of the jqgrid from giHub instead of the compressed version provided with the download?

I recommend you to use the multiselect plugin which is bounded with jqGrid download.

Also I recommend you to use the latest code from GitHub.

Please let me known if this solves the problem

Regards

Tony

I am using:

• jquery in version 1.4.2
• jquery-ui in version 1.8.1
• the standard jqGrid plugin in version 3.6.4
• ui-multiselect plugin in version 0.3 (0.51-y doesn't seem to work at all)

I am working with an asp.net webforms application.

Everything works just fine (the data loading from a database, the editing, etc.)

The only thing that does not seem to work is that when I use the columnchooser with the multiselect plugin, I can't use it twice in a row. I can use it once and everithing will work, but when I close the columnchooser, I can't open it anymore until I reload the page.

I use this JS code to create the jqgrid:

Let me know if you need anything else to help you find out the problem Tony.

Thank you a lot.

Send a link to the problem in order to see what is wrong here, otherwiese I can not help.

Regards

Tony

I really don't know what to do.

Does anybody have an idea?

In the example on the http://www.accentsolution.com/.....store.html I could not find any loading of ui.multiselect.css and ui.multiselect.js. They must be explicit loaded before loading jqGrid (at least before grid.jqueryui.js) in your case before "/static/jquery.jqGrid_remote.js".

Is it possible to rectify something in the code by myself in order to make it work?

Or must I downgrade the version of the code I am using?

Line 38 ( this.container.remove(); ) of grid.jqueryui.js (Per latest in git) emits an unhandled exception and stops the clean up code from finishing. This blocks the column chooser not to appear again.

However the problem is not CAUSED by the code in the line. It's just a symptom. The real problem is that the selector dialog is never turned into "Multiselect" in the first place. The selector that shows up is not Multiselect. It's the default jQueryUI one.

These are the pieces I tried:

- jQuery 1.3.2, jQuery UI 1.7.3

- "Master" branch of Michael's MutipleSelect ("Next" branch needs some extra plug ins and I did not try that)

- jqGrid from git, master.

My setup is exactly like this one (just served locally) : http://www.accentsolution.com/.....store.html

If I load "Multiselect" = bug. (Default jQueryUI selector shows up. "OK" button closes it, but emits an exception at the end)

If I do NOT load "Multiselect" no issues. 

Immediate solution:

Don't use "Multiselect" Don't load it at all.

Proper solution:

The handling of vanila vs multiselect selectors in grid.jqueryui.js is a bit retarded. I would almost say, clean out all "MultiSelect" code out and reapply it again in a careful way. 

Example:

These lines in grid.jqueryui.js is copy'n'paste from 'destroy' method in MultiSelect:

  this.container.remove();

  this.element.show();

It'd make more sense to (a) check if method is there and (b) call it.

I, personally, would rather stay with generic selector from jQueryUI until Michael merges the "Next" into "Master" and makes it stable.