jQuery Grid Plugin - jqGrid - Topic: Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid Simple:Press Version 5.7.5.3 wfreitas on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p20895 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p20895 I am facing the same problem. Looks like lots of people have are fighting with this issue. I think a good solution would be jqGrid to provide a new option for the zIndex value used by the modal dialogs.

]]> Thu, 18 Nov 2010 19:19:00 +0200 michaelg on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p17047 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p17047 Hi yial2,

Have you been able to find a solution to the problem?  I too am having trouble with textboxes being uneditable when the jqgrid is inside a modal dialog

Cheers,

Michael

]]> Tue, 11 May 2010 03:32:37 +0300 yial2 on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p15176 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p15176 Hi Mhoque,

I found the solution.

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

        $("#divModal").dialog({
            autoOpen: false,
            modal: true, //this may cause the problem I describe below...
            zIndex: 800,
            title: "testing modal"
        });

but...here is a big BUT....(only with dialog option, modal: true)

If you try to add(or edit) a column, you will see the "add" modal pop up on top of the first popup JqGrid. Everything looks good so far until when I try to click on one of the textbox inside the "add" modal, I am NOT able to click or input anything in the textbox. I guess the z-Index still have some problem with multiple modal popup on the screen Frown. Anyway, if you are just viewing the grid, you will be just fine. Anyone has any tips for my new problem?

]]> Fri, 26 Feb 2010 11:01:47 +0200 mhoque on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p15168 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p15168 I am having the same issue. Will you please let me know where you have made that change?

]]> Thu, 25 Feb 2010 22:36:17 +0200 yial2 on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p15147 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p15147 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!

]]> Thu, 25 Feb 2010 11:09:39 +0200 ffromdn on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11481 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11481 1.Sorry i thought wrong about it.

2.ok ok.

The problem is solved.

After debugging my code with firebug - i have seen, that the jqueryui.dialog's z-index - 1000 and messagebox of jQgrid - 950(for example).

I have created dialog with "z-index:900" and  problem has disappeared.

Thanks for patienceLaugh

]]> Wed, 04 Nov 2009 07:56:50 +0200 tony on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11416 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11416 Hello,

Sorry I do not understand.

1. jqGrid does not use jQuery UI. jqGrid use a theming  from jQuery UI which is quite diffrent.

2. jqGrid is not jQuery UI widget - it is separate plugin which can work without jQuery UI.

Please explain what you mean.

Best Regards

Tony

]]> Mon, 02 Nov 2009 13:26:32 +0200 ffromdn on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11388 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11388 All work fine, but i didn't found excision...((

]]> Mon, 02 Nov 2009 08:17:25 +0200 ffromdn on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11316 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11316 hmm there is 2 css files - jqeryui's and jQgrid's, both loaded and working.

<?php  $this->headLink()->appendStylesheet($this->baseUrl . 'css/ui.jqgrid.css'); ?>
<?php  $this->headLink()->appendStylesheet($this->baseUrl .'css/ui-lightness/jquery-ui-1.7.2.custom.css'); ?>

<?php  $this->headScript()->appendFile($this->baseUrl .'js/jquery-1.3.2.min.js') ?>
<?php  $this->headScript()->appendFile($this->baseUrl .'js/jquery-ui-1.7.2.custom.min.js') ?>
<?php  $this->headScript()->appendFile($this->baseUrl .'js/i18n/grid.locale-ru.js') ?>
<?php  $this->headScript()->appendFile($this->baseUrl .'js/jquery.jqGrid.min.js') ?>

]]> Fri, 30 Oct 2009 09:17:59 +0200 tony on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11307 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11307 Hello,

Be a sure that all needed css are loaded. Also if you use dev version you should load some additional files. See docs.

Regards

Tony

]]> Fri, 30 Oct 2009 08:34:33 +0200 ffromdn on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11270 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11270 May be elegant decision exists?

]]> Fri, 30 Oct 2009 03:19:57 +0200 ffromdn on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11188 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11188 may be it's wrong? If I am not mistaken - jQgrid using jqueryUI ....may be developers miss this element?

]]> Wed, 28 Oct 2009 10:47:20 +0200 jayarjo on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11171 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11171 I'm not exactly a specialist of jgGrid, but I see two possible solutions to this. First is very simple - just set z-index of MessageBoxes to very high value (999 for example) through css (add a special rule to your stylesheet). Or if you got multiple dialogs, now and then covering each other, you will need to set z-index of MessageBoxes dynamically  to number higher then parent dialog has at the moment (some custom jQuery selecting and manipulation - shouldn't be hard).

It could be though, that there is much simpler solution. Feel free to ignore my advice I was just trying to be helpful 🙂

]]> Wed, 28 Oct 2009 06:25:50 +0200 ffromdn on Using jqueryUI dialog with jQgrid. http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11167 Help http://www.trirand.com/blog/?page_id=393/help/using-jqueryui-dialog-with-jqgrid#p11167 I try to make "div tag" modal with jqueryUI ".dialog " function. It's work fine but MessageBoxes (for example when i want to delete row) - appears below modal window, i can see their but cannot click. I feel that z-index involved..... 

What can i do?

Thanks for attention.

]]> Wed, 28 Oct 2009 05:24:17 +0200