<?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: Edit Modal recreateForm dataurl IE7</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/edit-modal-recreateform-dataurl-ie7</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/help/edit-modal-recreateform-dataurl-ie7/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>soccer on Edit Modal recreateForm dataurl IE7</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/edit-modal-recreateform-dataurl-ie7#p21474</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/edit-modal-recreateform-dataurl-ie7#p21474</guid>
        	        	<description><![CDATA[<p>Hello,&#160; Thanks for the great work so far.&#160; I&#39;d love to contribute(attempt to help) some day once I get a bit more familiar.</p>
<p>I have a page where I&#39;m stacking closed grids that will be used to update admin domain values.&#160;</p>
<p>1) Add value to grid and save successfully.</p>
<p>2) Open another grid, choose add/edit, which uses step 1)&#39;s value in a dataurl results as a dropdown value.&#160; If I haven&#39;t opened the add/edit modal yet then the ajax call brings back my value in step 1) as a selectable option.&#160; However, if I&#39;ve already opened the add/edit dialog, my recreateForm:true is being called(checked w/ an alert()) but not the .ajax call.&#160; IE7 is caching this call I suppose.&#160; FireFox and Chrome both are calling the server correctly.</p>
<p>I&#39;ve tired adding both new Date().getTime() and Math.random() to the end of my urls w/ no success.</p>
<p>In trying to learn, the best way I could manually fix this would be add a small piece of code in grid.common.js createEl() in case:&#39;select&#39; in .ajax like cache: options.cache.&#160; Then in the colModel editoptions{dataurl:&#39;/whatever.&#39;/, cache:false} whith the cache:false being the added code.</p>
<p>Obvioulsy I have nearly no idea what I&#39;m talking about but I&#39;ve been digging around the internet and can&#39;t find anything to help other than doing my &#39;hack&#39; fix in grid.common.js.&#160; With the jquery ajax function having a cache option I thought it might make sense?</p>
<p>My grid is below.&#160; Hopefully this is just me not know what the heck I&#39;m doing.&#160; Any time or thoughts would be great.&#160; Thanks again for all the work.&#160;</p>
<p>$("#largeList").jqGrid({<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: &#39;./level/rest/list&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; datatype: &#39;json&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; mytype: &#39;POST&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; colNames:[&#39;ID&#39;,&#39;Country&#39;,&#39;Currency&#39;, &#39;Benefit&#39;, &#39;Amount&#39;],<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; colModel:[<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {hidden:true, name:&#39;id&#39;,index:&#39;id&#39;, width:10, editable:false},<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;country.id&#39;,index:&#39;country.id&#39;, width:65, editable:true, edittype:"select", editoptions:{dataUrl:&#39;./dropDown/rest/list?data=Country&#39;}, formoptions: {elmsuffix:&#39; (*)&#39;}},<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;currency.id&#39;,index:&#39;currency.id&#39;, editable:true, width:150, edittype:"select", editoptions:{dataUrl:&#39;./dropDown/rest/list?data=Currency&#39;}, formoptions: {elmsuffix:&#39; (*)&#39;}},<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;benefit.id&#39;,index:&#39;benefit.id&#39;, editable:true, width:150, edittype:"select",&#160; editoptions:{dataUrl:&#39;./dropDown/rest/list?data=Benefit&#39;, cache: false}, formoptions: {elmsuffix:&#39; (*)&#39;}},<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {name:&#39;amount&#39;,index:&#39;amount&#39;, editable:true, width:150, formoptions: {elmsuffix:&#39; (*)&#39;}}<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; ],<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; pager: &#39;#largePager&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowNum: 10,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowList: [10, 25],<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortname: &#39;id&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortorder: &#39;asc&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; viewrecords: true,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; width: 600,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; height: 235,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; caption: &#39;Large Claim Limits&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; hiddengrid: true,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; editurl: &#39;./level/rest/save&#39;<br />&#160;&#160;&#160; });<br />&#160;&#160;&#160; $("#largeList").jqGrid(&#39;navGrid&#39;, &#39;#largePager&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {edit:true, add:true, del:false, search:false, refresh:true},<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {recreateForm:true, jqModal:true, closeOnEscape:true, bottominfo:"Fields marked with (*) are required",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; afterSubmit:checkResponse, closeAfterEdit:true},<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {recreateForm:true, jqModal:true, closeOnEscape:true, bottominfo:"Fields marked with (*) are required",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; afterSubmit:checkResponse, closeAfterAdd: true},<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {}, //Delete options<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {multipleSearch:false}<br />&#160;&#160;&#160;&#160; );</p>
]]></description>
        	        	<pubDate>Tue, 28 Dec 2010 23:10:15 +0200</pubDate>
        </item>
</channel>
</rss>