Hi Tony,

Thank you for your suggestion. I have included the correct files. I did make sure I do NOT use any files from the src folder, but the exact problems are still showing.

For JqGrid in a JqModal, I change the included files to the following….

<link href="" rel="stylesheet" type="text/css" />
<link href="" rel="stylesheet" type="text/css" />
<script src="" type="text/javascript">
<script src="" type="text/javascript">
<script src="" type="text/javascript">

The edit/delete form and alertmod message are still showing in the incorrect position.

For JqGrid in an ui dialog, I change the included file files setting to the following….

<link href="" rel="stylesheet" type="text/css" />
<link href="" rel="stylesheet" type="text/css" />
<script src="" type="text/javascript">
<script src="" type="text/javascript">
<script src="" type="text/javascript">
<script src="" type="text/javascript">

I know it is fairly common to use a JqGrid inside an UI Dialog, am I the only one encountering the problems of “disabled” text input on the edit form popup and incorrect alertmod message position?? …..Help….

(note: alertmod message => The message you get when you click on delete icon on navgrid without selecting any records)

Hey Tony,

Thank you for your suggestion. I tried but still without any success. I finally got around to put up a test site for you, I hope it will be easier for you to check if you get a chance.
Test for jqgrid inside dialog(scroll all the way to bottom to click on popup)
Test for jqgrid inside JqModal
If you click on “delete” in navgrid without selecting any row, you can see the alert message's position is not aligned with JqGrid. Most importantly, when you try to add in “jqgrid in dialog”, the keyboard and mouse is disable in form editing modal.

Hi Tony,

There are actually two differenct examples.

In example one, JqGrid inside UI Dialog

The z-index of the “dialog” that contains the grid is 802, and the grid add dialog z-index is 950. They are ok in this case, but you can NOT type/input anything in the grid add dialog.

In example two, JqGrid inside JqModal

Yes, you were right. The z-index of the “jqModal” that contains the grid is 3000, while the grid add dialog z-index is 950. I changed the default jqModal z-index to 800 to bring the grid add dialog to front. This is done but the grid add dialog is always poping up in the top of the page instead of poping up in a positon relative to the grid.

Both examples, when you click on delete without selecting any rows, have the same problem of incorrect alertmod position .

Do you have any insights to these two separate example's problems? Thanks!

Hi Tony,

Thank You! This example, JqGrid inside JqModal, is working now after I set first modal's position: absolute, but the “alertmod” modal is still always showing on the top – for example, the warning message you get when you click on delete without selecting any rows. Any thought?

As for this example, JqGrid inside UI Dialog, the disabled add modal probelm is still haunting me. Please see picture below. I know from your blog, you decided not to use/support UI dialog with JqGrid, and JqModal was applied instead. Could this be the reason that they don't work so well together?