<?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: How to get rid of alertmod div</title>
	<link>http://www.trirand.com/blog/?page_id=393/treegrid/how-to-get-rid-of-alertmod-div</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/treegrid/how-to-get-rid-of-alertmod-div/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>tony on How to get rid of alertmod div</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/how-to-get-rid-of-alertmod-div#p31188</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/how-to-get-rid-of-alertmod-div#p31188</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Thanks</p>
<p>Usually the div with the modal is created(inserted) after the grid div.</p>
<p>in thos case if you remove the panel then the alert modal should be removed too.</p>
<p>So you can remove this one or simple remove the element with id = alertmod_ + the id of the grid, but ...Â  this is a problem and I have fixed it. In the next version you can use</p>
<p>GridDestroy</p>
<p>Â </p>
<p>method which removes the alert modal too.</p>
<p>Â </p>
<p>Thanks</p>
<p>Â </p>
<p>Kind Regards</p>
]]></description>
        	        	<pubDate>Fri, 03 Oct 2014 13:25:10 +0300</pubDate>
        </item>
        <item>
        	<title>skurtulus on How to get rid of alertmod div</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/how-to-get-rid-of-alertmod-div#p31167</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/how-to-get-rid-of-alertmod-div#p31167</guid>
        	        	<description><![CDATA[<p><em><span style="text-decoration: underline">I am using jqgrid on a jquery tabs, creating multiple grids in a tab design.</span></em></p>
<p><em><span style="text-decoration: underline">When i close a tab, I call the following,</span></em></p>
<p><em><span style="text-decoration: underline">$( "#master_lister_div span.ui-icon-close" ).live( "click", function() {</span></em></p>
<p>var panelId = $(this).closest( "li" ).attr( "aria-controls" );</p>
<p>$(this).closest( "li" ).remove();Â <br />
$( "#" + panelId ).remove();
</p>
<p><em><span style="text-decoration: underline">$( "#tickets_div #master_lister_div").tabs( "refresh" );<br />
);</span></em></p>
<p><em><span style="text-decoration: underline">This gets rid of the div that the grid lives in but it leaves the following as a hidden div...</span></em></p>
<p><em><span style="text-decoration: underline"><span class="nodeLabelBox repTarget ">&#60;<span class="nodeTag ">div</span><span class="nodeAttr editGroup ">Â <span class="nodeName editable ">id</span>="<span class="nodeValue editable ">alertmod_master_grid_</span>"</span><span class="nodeAttr editGroup ">Â <span class="nodeName editable ">class</span>="<span class="nodeValue editable ">ui-widget ui-widget-content ui-corner-all ui-jqdialog</span>"</span><span class="nodeAttr editGroup ">Â <span class="nodeName editable ">dir</span>="<span class="nodeValue editable ">ltr</span>"</span><span class="nodeAttr editGroup ">Â <span class="nodeName editable ">style</span>="<span class="nodeValue editable ">width: 200px; height: auto; z-index: 950; overflow: hidden; top: 431px; left: 852px;</span>"</span><span class="nodeAttr editGroup ">Â <span class="nodeName editable ">tabindex</span>="<span class="nodeValue editable ">-1</span>"</span><span class="nodeAttr editGroup ">Â <span class="nodeName editable ">role</span>="<span class="nodeValue editable ">dialog</span>"</span><span class="nodeAttr editGroup ">Â <span class="nodeName editable ">aria-labelledby</span>="<span class="nodeValue editable ">alerthd_master_grid_</span>"</span><span class="nodeAttr editGroup ">Â <span class="nodeName editable ">aria-hidden</span>="<span class="nodeValue editable ">true</span>"</span><span class="nodeBracket editable insertBefore ">&#62;</span></span></span></em></p>
<p>In my code, it can be N number of grids that can be loaded so each time that happens, these divs stays in place.</p>
<p>Is there a class or a function call to get rid of the grid entirely without any leftovers?</p>
<p>What is the best way to accomplish this?</p>
<p>Â </p>
<p>Thank you so much.</p>
<p><em><span style="text-decoration: underline"></span></em></p>
]]></description>
        	        	<pubDate>Wed, 01 Oct 2014 01:17:46 +0300</pubDate>
        </item>
</channel>
</rss>