<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: jqGrid advanced search not working properly for grids inside jQuery dialog popups</title>
	<link>http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-advanced-search-not-working-properly-for-grids-inside-jquery-dialog-popups</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-advanced-search-not-working-properly-for-grids-inside-jquery-dialog-popups/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>gcassolato on jqGrid advanced search not working properly for grids inside jQuery dialog popups</title>
        	<link>http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-advanced-search-not-working-properly-for-grids-inside-jquery-dialog-popups#p29247</link>
        	<category>Bugs</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-advanced-search-not-working-properly-for-grids-inside-jquery-dialog-popups#p29247</guid>
        	        	<description><![CDATA[<p>I have a jqGrid&#160;<strong>My items</strong>&#160;whose rows, once clicked, open a jQuery UI modal dialog box&#160;<strong>Item details</strong>with details of the selected item. The data records for&#160;<strong>My items</strong>&#160;are retrieved through json, as well as each item&#39;s details loaded into the dialog&#160;<strong>Item details</strong>. Besides some textual descriptions about the item detailed (say&#160;<em>X</em>, the one I clicked on&#160;<strong>My items</strong>), the dialog content also includes a second jqGrid<strong>Subitems of&#160;<em>X</em></strong>. So I have two jqGrids on page:&#160;<strong>My items</strong>&#160;and&#160;<strong>Subitems of&#160;<em>X</em></strong>; the later inside a modal dialog box&#160;<strong>Item details</strong>.</p>
<p>Advanced search works just fine for grid&#160;<strong>My items</strong>. I&#39;m able to set rules and groups of rules and filter the grid with no problems at all. On grid&#160;<strong>Subitems of&#160;<em>X</em></strong>&#160;though Advanced search pops up, I&#39;m able to add or delete rules and groups of rules BUT I cannot input data to any form field (the search data) &#8212; they seem to be disabled for editing except they don&#39;t have such attribute set (or any other that suggests it is in fact disabled). I just can&#39;t focus them to enter any text. My datetime picker fields are the only exception; these I can click and choose a date on the calendar, but still not being able to input as text.</p>
<p>Also, the most strange thing happens when I change the value of any&#160;<span style="color: maroon; font-family: monospace, Courier; font-size: 12px;">select&#160;</span>field inside the Advanced search dialog box, including operators of groups (AND/OR) and rules (&#39;equals to&#39;, &#39;begins with&#39;, etc): the first clickable element inside the modal dialog&#160;<strong>Item details</strong>, hidden behind the overlay of the advanced search dialog box (also modal), is clicked. In my case, this "first clickable element" happens to be a jQuery UI tab, because I splitted text descriptions about&#160;<em>X</em>&#160;and&#160;<strong>Subitems of&#160;<em>X</em></strong>&#160;into two tabs inside the dialog&#160;<strong>Item details</strong>. Since the grid&#160;<strong>Subitems of&#160;<em>X</em></strong>&#160;is on my second tab, when I activate this tab, see the grid, click to open the advanced search dialog for it and change any&#160;<span style="color: maroon; font-family: monospace, Courier; font-size: 12px;">select</span>&#160;field, the first tab of&#160;<strong>Item details</strong>&#160;is activated and I miss the grid.</p>
</p>
<p>In order to test whether or not it was anything related to jQuery UI Tabs, I tried not to use it, keeping only the grid&#160;<strong>Subitems of&#160;<em>X</em></strong>&#160;inside the modal dialog&#160;<strong>Item details</strong>. When I changed a&#160;<span style="color: maroon; font-family: monospace, Courier; font-size: 12px;">select</span>&#160;field of the advanced search, it still executed the &#39;click&#39; event of the first clickable element behind &#8212; now a button to open a third dialog box.</p>
</p>
<p>Please, I need help with this creepy behavior of jqGrid Advanced search inside a dialog popup. Thanks.</p>
<p>&#8211;</p>
<p>BTW, I&#39;m using jqGrid 4.4.0 w/ jQuery 1.10.2. I tried updating jqGrid to 4.5.1, but same thing happened. Some of my most relevant grid properties are:&#160;<span style="color: maroon; font-family: monospace, Courier; font-size: 12px;">{datatype: &#39;json&#39;, multiselect: true, sortable: true}</span>, using pager, search options:&#160;<span style="color: maroon; font-family: monospace, Courier; font-size: 12px;">{multipleSearch: true, multipleGroup: true, closeAfterSearch: true}</span>. This is valid for both of my grids &#8211; in and outside the modal dialog box.</p></p>
]]></description>
        	        	<pubDate>Wed, 31 Jul 2013 22:06:27 +0300</pubDate>
        </item>
</channel>
</rss>