Guriddo » yial2's Replies

yial2

Guriddo

Forum Replies Created

Viewing 12 replies - 1 through 12 (of 12 total)

Author

Replies
April 6, 2010 at 10:17 am in reply to: JqGrid in a JqModal causes incorrect edit/delete/alertmod modal position #93709

yial2
Participant

timbrown said:

@yial2

The isssue with the add fields being disabled has to do with the modal:true setting on the UI Dialog. Even though you have overridden the z-index for the dialog modal setting i believe disables all interaction with elements that are not children of the UI dialog. Therefore show up as enabled but are really disabled. I changed my outer dialog to modal:false and it works for adding and editing. Still not sure about the alertMsg positioning however.

tim

Yes Tim,

Thank you for sharing your finding, but I need to prevent user from doing anything else when UI dialog pop up, so modal:true is not an option for me. I have a hard time getting the mechanism between UI dialog and JqGrid's own JqModal to work smoothly toghether….they work great most of time….but unfortunately not in this scenario.

March 17, 2010 at 9:53 am in reply to: Data not showing C# asp.net MVC #93381

yial2
Participant

Here is the client code I used

March 16, 2010 at 8:15 pm in reply to: Data not showing C# asp.net MVC #93377

yial2
Participant

Hmmm…

I have tried your code with static data in MVC control as following…

March 16, 2010 at 6:46 am in reply to: Data not showing C# asp.net MVC #93369

yial2
Participant

Hi,

Have you tried to put a break point on your controller and see if the grid is actually calling JsonCompletedNotPayed?

I think you should initialized JqGrid inside JQuery ready function:

$(function() {<br />//Initialized JqGrid here<br />});

1

$(function() {<br />//Initialized JqGrid here<br />});

E.g. Check the javascript on this page (scroll all the way to the bottom to click on pop up to see the JqGrid)

March 14, 2010 at 7:41 am in reply to: JqGrid in a JqModal causes incorrect edit/delete/alertmod modal position #93321

yial2
Participant

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?

March 11, 2010 at 11:29 pm in reply to: JqGrid in a JqModal causes incorrect edit/delete/alertmod modal position #93291

yial2
Participant

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!

March 10, 2010 at 7:54 am in reply to: JqGrid in a JqModal causes incorrect edit/delete/alertmod modal position #93256

yial2
Participant

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.

February 28, 2010 at 8:51 am in reply to: JqGrid in a JqModal causes incorrect edit/delete/alertmod modal position #93022

yial2
Participant

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)

February 26, 2010 at 8:17 pm in reply to: formedit popup from modal dialog #92980

yial2
Participant

Hi Gary,

I have the very similar! I happen to set the zIndex on the modal(the one contains jqgrid) to 800, but the text input is disabled in both IE and firefox!!?? Do you happen to find any solution or work around to this problem?

/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid/&value=dialog&type=1&include=1&search=1

(The last two posts)

Thanks in advance!

Allen

February 26, 2010 at 11:01 am in reply to: Using jqueryUI dialog with jQgrid. #92972

yial2
Participant

Hi Mhoque,

I found the solution.

In your dialog, set zIndex: 800, e.g. below

February 25, 2010 at 11:09 am in reply to: Using jqueryUI dialog with jQgrid. #92955

yial2
Participant

Hi ffromdn,

I am facing the same problem. May you tell me where do you set jqueryui.dialog's z-index to 900?

Many thanks!

February 25, 2010 at 8:16 am in reply to: possible navgrid bugs? #92952

yial2
Participant

Hi Tony,

I think I know where the problem is, but I don't know “why” it happens

Following are the code to my program

<script src="” type=”text/javascript”>
<script src="” type=”text/javascript”>
<script src="” type=”text/javascript”>
<script src="” type=”text/javascript”>
<script src="” type=”text/javascript”>
<script src="” type=”text/javascript”>
Author

Replies

Viewing 12 replies - 1 through 12 (of 12 total)