I'm sorry I did not include all my jqGrid setting in the last post as some of the settings were set as global default in another js file and I missed them. For reference, I'm reattaching the code with the missing settings.

I think I either need to disable the built-in search dialog or disable column reordering to keep the grid working properly until this issue gets addressed in a revision.

Thanks again Oleg, Cheers!

I couldn't reproduce the creating of the horizontal toolbar with respect of the code example which you posted, but after small modification I could do it. I added to the searchoptions additional property size:100. So we will have imediately the horisontal bar in the searching dialog. To make all easy I moved the column having  searchoptions { size:100, ...} on the first place.

The demo can be used to reproduce the problem in Internet Explorer 9. One should just open the searching dialog

and then click in the input box. The height of the searching dialog sill be increased:

It is important that IE9 works not in the compatibility view.

The described problem is Internet Explorer bug and not jqGrid bug. The problem is very the same as I described here. Moreover I can't confirm the first assumption from my last post. I mean I don't think that jqGrid has wrong calculation of the searching dialog width. There are some searching settings which follow to the horizontal bar and it is not a bug. So the only problem is that the dialog height will be increased by IE9.

As a workaround I suggest to add "height:100%" style to the div which construct the searching dialog. For example in the modified demo I use afterShowSearch to add the CSS class:

Of course I think that the addind of "height:100%" style in case of IE9 should be done by jqGrid and one should modify the corresponding line of the grid.formedit.js. I hope, that Tony read this topic, that he agrees with me and he will make the corresponding changes in the code of grid.formedit.js.

Best regards
Oleg 

Thanks a lot for the quick follow-up. Yes, I was indeed using IE9 to test out the features. The IE browser in general, regardless of recent versions and progress, is still evil. There's just so many css rendering issues with it. 

I'm attaching my code here, please let me know if you need anything else. Thanks for your help again!

I suppose that the problem with increasing of the height exist only in Internet Explorer 9. The problem seems to my combination of two problems:

1. the bug in the calculation of the width of th searching dialog or some of its components.
2. the IE9 bug which I discuss with Tony for some time. The problem is that in some cases IE9, if there are horisontal scrollbar, the IE9 start to increase height of tables having height="auto" style. It is IE9 problem, but it could be solved if one would use height="100%" instead of height="auto" style

One should look at the details how to solve the problem which you describe. Could you post the code of the grid which can be used to reproduce the problem?

Best regards
Oleg 

It looks like i have found another display/behaviour related the single search dialog box.

To reproduce this issue:

1. refresh the page with the grid on it.

2. rearrange a column on the grid by dragging and dropping to a different place on the grid. 

3. click on the search button from navigation bar at the bottom of the grid.

4. A search dialog formatted in this way will appear.

5. and the dialog box's height increases with each click of the column selector dropdown list. 

Thanks for your help again Tony.

Best regards
Oleg 

Thanks again

Tony

The first look at the modified code seems be very good. Introducing of the ruleButtons should solve the problem.

What do you think about infroducing of the new events at least afterRedraw which will be called at the end of reDraw method. In the current implementation of the grid.filter.js it is very difficult to make any customizing of the dialog. In form editing one can use afterShowForm event for example to make any changes in the form. The grid.filter.js redraw/recreate the full contain on the searching dialog, so all changes from afterShowSearch will be destroyed. Introducing of more public events could solve the problem.

I use "public event" because filter module has onChange for example, but it is already used in the grid.formedit.js (see here).

I hope you understand the problems with the usage of the current version of the grid.filter.js. Such simple thing like setting of the focus on another field is really difficult to implement now. I used overwriting of reDraw method as a workaround (see here).

Best regards
Oleg 

Always thank you. You are absolutley right. I misunderstud  the word reloading - I mean reloading browser, but not the grid.

Fixed. Also make it so that the buttons are created/not created in the filter, but not in the search dialog.

Thank again

Tony

the last version of Google Chrome (12.0.742.100), Internet Explorer 9 (9.0.8112.16421), Safari 5.0.5 (7533.21.1), Opera 11.11 (build 2109), Firefox 3.6.17 and Nightly 7.0a1 (2011-06-16).

I used the same demo and followed the instructions which I described before: Open, Close single search dialog, clicked Reload Grid button on the navigation bar and then open the search dialog one more time. I see the Advance Search dialog instead of Single Search dialog.

Best regards
Oleg 

This work for me fine. No problems. FF4 and Chome on Ubuntu.

Should I think it is ony in IE?

Will check

Tony

One can reproduce the problem on the following demo:

1) one open search dialog which will looks correct.

2) one close the dialog

3) one clich "Reload Grid" button from the navigation bar

4) one open the search dialog one more time. One will see "Advance Searching" dialog instead of "Single Value Search" dialog:

Best regards
Oleg 

jhsu said:

Hi Tony,

Is there anyway to make the search dialog modal again like v3.8 to work around the issue described above while it's being worked on?

To reiterate the issue:

When the search dialog comes up in single search mode, clicking on the reload grid button on the pager bar unhides the AND/OR operator select dropdown list.

Thanks Tony

Hi Tony,

Is there any fix regarding the above issue as I am also facing the same problem while reloading the grid the 'AND' & 'OR' drop down is visible again. Which is not supposed to be there in Simple Single search.

Eagerly waiting for the reply,

Thanks in advance,

Ankit

I think you are right. The problem is that the hiding of the "Add-rule" and "Delete-rule" buttons will be done in grid.formedit.js (see the line 163)

and not in the grid.filter.js module. On the other side the new Filter module make refresh of all contain (the call of reDraw method) in many cases. For example one can just click on the Reset button of the searching dialog to make the buttons visible.

Tony, if you would makes modification of grid.filter.js module it would be nice if you make other small changes. For example, currently Filter dialog allows to remove the last filter Rule. It was not permitted in the old Advance Searching dialog (see the demo from the answer for example). Including of more public events like beforeRedraw and afterRedraw and so on would be very helpfull for the Filter dialog customization. Support of keyboard events (at least Esc and Enter) would be also very helpful. Currently the setting of closeOnEscape:true as the searching option will be just ignored. The option searchOnEnter would be great to have.

In the current implementation of grid.filter.js almost any customization of the Searching dialog can be implemented only with respect of overwriting of Filter methods (see here and here).

Best regards
Oleg

Is there anyway to make the search dialog modal again like v3.8 to work around the issue described above while it's being worked on?

To reiterate the issue:

When the search dialog comes up in single search mode, clicking on the reload grid button on the pager bar unhides the AND/OR operator select dropdown list.

Thanks Tony

I just noticed another bug with the search filter dialog box in single search mode. The top "AND OR" operator dropdown list appears if the user clicks on the refresh (Reload grid) button from the pager bar of the main grid.

Thanks

tony said:

Hello,

 just got multisearch working by using the default search button in the navGrid bar, but if I use my own custom search button as follows, then the multisearch elements don't show up in the dialog.

How do you expect this to happen if you do not set multipleSearch parameter?

You set it in the snadard navigator, but not in the custom button

Just for the record try this and let us know if it work.

 Enjoy

Tony

Good point. I missed that. Thanks for the sharp eye Tony. It appears to be working now!

Thanks again! 

 just got multisearch working by using the default search button in the navGrid bar, but if I use my own custom search button as follows, then the multisearch elements don't show up in the dialog.

How do you expect this to happen if you do not set multipleSearch parameter?

You set it in the snadard navigator, but not in the custom button

Just for the record try this and let us know if it work.

 Enjoy

Tony

tony said:

Hello,

@korys

I'll just stick to this topic. I noticed that defining multisearch options: 'groupOps', 'matchText', 'rulesText' – using navGrid method, does nothing. I can't change english 'AND' and 'OR' in select or add texts.  Didn't try other methods.

As you can imagine these texts are not valid since there are no such select boxes. These will be added later.

I tried to manually update jquery.jqGrid.src file with above fix, and when I set grid to single searching I get JS error 'hideButtons is not defined'.

This is very bad idea. Did you think that this is the only change that impact the problem. Did you see the other changes related to these problems.

I dynamically set searchoptions sopt for each column after loadComplete with setColProp method. It sets options fine, but if don't change search operator in 'selectopts' select in search window, in request it sets

This problem is fixed too. Please look all the changes in the GitHub.

In the future please download the copy from GitHub and use this copy.

@jhsu,

Evrething work wor me OK. Did you download the copy from GitHub or you just make a manual changes like @korys.?

Regards

Tony

I just got multisearch working by using the default search button in the navGrid bar, but if I use my own custom search button as follows, then the multisearch elements don't show up in the dialog.

I downloaded the latest code from grid.filter.js and grid.formedit.js that were changed most recently and ensured that i have the latest in other files as well.