<?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: problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172</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/problem-with-jqgrid-35-and-jquery-ui-172/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>mirko on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9559</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9559</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>&#160;the column &#39; Fondo&#160;&#39; displays "undefined".</p>
<p>&#160;For the datepicker I set the z-index to 1000 and inline edit works but not in&#160;form edit.</p>
<p>when i set jqModal = true it doesn&#39;t work; it seems it&#39;s linked to the table and not to the form. when I set jmodal = false it works but the datepicker is moved to the background and hidden by the form&#160;</p>
<p>for&#160;the select these are the dates (&#39;/Autorizzazioni_Supero_Limiti_CDA.aspx/Elenco_Autorizzazioni/&#39;):</p>
<p>{"total":1,"page":1,"records":2,"rows":<br />[<br />{"i":1,"cell":["VG","7/24/2009","9/18/2009","150"]},<br />{&#8221;i&#8221;:2,&#8221;cell&#8221;:["YF","9/10/2009","10/22/2009","120"]}<br />]<br />}</p>
<p>and&#160;the init (&#39;/Autorizzazioni_Supero_Limiti_CDA.aspx/Elenco_Fondi/&#39;) :</p>
<p>&#60;select&#62;&#60;option value=&#39;&#39;&#62;Seleziona un fondo&#60;/option&#62;&#60;option value=&#39;YF&#39;&#62;AMERICA&#60;/option&#62; &#8230;&#60;option value=&#39;VG&#39;&#62;EURO&#60;/option&#62; &#8230;&#60;/select&#62;</p>
</p>
<p>and this is my code :</p>
<p>$(&#8221;#list&#8221;).jqGrid(<br />{<br />&#160;&#160;&#160; url: &#39;/Autorizzazioni_Supero_Limiti_CDA.aspx/Elenco_Autorizzazioni/&#39;,<br />&#160;&#160;&#160; datatype: &#39;json&#39;,<br />&#160;&#160;&#160; mytype: &#39;GET&#39;,<br />&#160;&#160;&#160; height: 255,<br />&#160;&#160;&#160; autowidth: true,<br />&#160;&#160;&#160; colNames: [&#39;Fondo&#39;, &#39;Dal&#39;, &#39;Al&#39;, &#39;Percentuale&#39;],<br />&#160;&#160;&#160; colModel: [<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; name: &#39;Fondo&#39;, index: &#39;Fondo&#39;, width: 200, editable: true, sortable: false, edittype: &#39;select&#39;, formatter: &#39;select&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; editoptions:<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rows:&#39;1&#39;, cols:&#39;2&#39;, dataUrl: &#39;/Autorizzazioni_Supero_Limiti_CDA.aspx/Elenco_Fondi/&#39;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; editrules:{required:true}<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; name: &#39;Dal&#39;, index: &#39;Data_Di_Autorizzazione&#39;, label: &#39;Dal&#39;, width: 90, align: &#39;center&#39;, sortable: false, editable: true,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; editoptions:<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rows:&#39;2&#39;, cols:&#39;2&#39;, size: 10, maxlenght: 10,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; dataInit: function(el) <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(el).datepicker(<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; beforeShowDay: $.datepicker.noWeekends, dateFormat: &#39;mm/dd/yy&#39;, showOn:&#39;focus&#39;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }).css({ &#39;z-index&#39; : &#39;1000&#39; });<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; editrules: { required: true }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; },<br />&#160; &#8230;..</p>
<p>&#160;],<br />pager: $(&#39;#pager&#39;), rowNum: 10, rowList: [10, 20, 30], multiselect: false, viewrecords: true, imgpath: &#39;/scripts/themes/ui-lightness/images&#39;,<br />caption: &#39;Elenco Autorizzazioni&#39;, viewsortcols: true, altRows: true<br />})<br />.navGrid( pager,{ edit: true, add: true, del: true, refresh: false, search: false }, <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; reloadAfterSubmit: true, jqModal: false, closeOnEscape: true, closeAfterEdit: true, top: 260, width: 360,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: &#39;/Autorizzazioni_Supero_Limiti_CDA.aspx/Modifica_Autorizzazione/&#39;,<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; },</p>
<p>...</p>
<p>Thanks</p>
<p>Mirko</p>
]]></description>
        	        	<pubDate>Thu, 10 Sep 2009 05:37:57 +0300</pubDate>
        </item>
        <item>
        	<title>tony on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9550</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9550</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>"The select is created but in show mode the value passed is not displayed." - what you mean with this?</p>
<p>How do you pass the value?</p>
<p>Check you z-index in order to diplay the datepicker.</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Thu, 10 Sep 2009 04:15:05 +0300</pubDate>
        </item>
        <item>
        	<title>mirko on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9521</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9521</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>I&#160;downloaded&#160;version 3.5.3 and now the function in editoption for&#160;&#39;select&#39; works.</p>
<p>I&#39;m using form edit and ui-lightness theme.</p>
<p>The select is created but in show mode the value passed is not displayed.</p>
<p>How&#160;can I&#160;set&#160;the select value ??</p>
<p>The <span style="font-size: x-small;">datepicker now works but it&#39;s displayed in backgroud and when I click it disappears.</span></p>
<p><span style="font-size: x-small;">How&#160;can I&#160;put the datepicker in foreground ??</span></p>
<p><span style="font-size: x-small;">Thanks</span></p>
<p><span style="font-size: x-small;">Mirko</span></p>
]]></description>
        	        	<pubDate>Wed, 09 Sep 2009 09:53:15 +0300</pubDate>
        </item>
        <item>
        	<title>tony on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9471</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9471</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>To be a sure if the jquery-ui-1.7.2.custom.min.js is loaded. Check in FireBug.</p>
<p>I think that this is the problem. If this is not the case, please sena a link to the problem.</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Tue, 08 Sep 2009 10:05:29 +0300</pubDate>
        </item>
        <item>
        	<title>mirko on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9464</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9464</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>The datepicker is in the jquery-ui-1.7.2.custom.min.js. I think&#160;I have the same problem of RobGMille and glemarie</p>
<p>Mirko</p></p>
]]></description>
        	        	<pubDate>Tue, 08 Sep 2009 09:56:17 +0300</pubDate>
        </item>
        <item>
        	<title>tony on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9462</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9462</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Maybe you should load the appropriate code in script tag for the datapicker. Do you have loaded <br />jquery-ui-1.7.2.custom.min.js</p>
<p>bouded with datepicker?</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Tue, 08 Sep 2009 09:49:52 +0300</pubDate>
        </item>
        <item>
        	<title>mirko on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9457</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9457</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>The function return a string.</p>
<p>This is the code:</p>
<p><span style="font-size: x-small;"><br /></span><br /><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;"></span></span></p>
<p class="sfcode"><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">public</span></span><span style="font-size: x-small;"> </span><span style="color: #2b91af; font-size: x-small;"><span style="color: #2b91af; font-size: x-small;">ActionResult </span></span><span style="font-size: x-small;">Elenco_Fondi()</span><span style="font-size: x-small;"></span></p>
<p class="sfcode">{</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit4431' value='Select Code' data-codeid='sfcode4431' /></p>
<div class='sfcode' id='sfcode4431'><span style="color: #2b91af; font-size: x-small;"><span style="color: #2b91af; font-size: x-small;">StringBuilder</span></span><span style="font-size: x-small;"> sb = </span><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">new</span></span><span style="font-size: x-small;"> </span><span style="color: #2b91af; font-size: x-small;"><span style="color: #2b91af; font-size: x-small;">StringBuilder</span></span><span style="font-size: x-small;">(); </span><span style="font-size: x-small;"></p>
<p class="sfcode">sb.Append(<span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;"></span></span></p>
<p>&#8220;&#60;select&#62;&#60;option value=&#39;FE&#39;&#62;FedEx&#60;/option&#62;&#60;option value=&#39;TN&#39;&#62;TNT&#60;/option&#62;&#60;option value=&#39;IN&#39;&#62;Intime&#60;/option&#62;&#60;/select&#62;&#8221;</p>
</p>
<p></span></p>
<p><span style="font-size: x-small;"><span style="color: #000000;">);</span></span></p>
<p><input type='button' class='sfcodeselect' name='sfselectit5866' value='Select Code' data-codeid='sfcode5866' /></p>
<div class='sfcode' id='sfcode5866'><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">return</span></span> <span style="font-size: x-small;">Content(sb.ToString());</span></div>
<p><span style="font-size: x-small;">}</span></p>
</p>
</div>
<p>I tryed inline and form edit but &#160;didn&#39;t work</p>
<p>Thanks</p></p>
]]></description>
        	        	<pubDate>Tue, 08 Sep 2009 09:33:32 +0300</pubDate>
        </item>
        <item>
        	<title>tony on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9440</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9440</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>What data is returned from server whn you call <span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#8220;/Autorizzazioni_Supero_Limiti_CDA.aspx/Elenco_Fondi/"</span></span></p>
<p>The retuened data should be a valid select element. Please check what you return from server or you have all the needed modules loaded - see jqGrid installation and inline editing.</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Tue, 08 Sep 2009 08:01:25 +0300</pubDate>
        </item>
        <item>
        	<title>mirko on problem with jqgrid 3.5 and jquery-ui-1.7.2.</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9351</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/problem-with-jqgrid-35-and-jquery-ui-172#p9351</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>I&#39;m&#160;trying to use jqgrid 3.5 with jquery-ui-1.7.2 but when I activate the row in edit mode no data request for select is issued ( checked by http sniffer)&#160;and an error&#160;rise up when the datepicker &#160;is bound to the grid.</p>
<p>Please help me</p>
<p>Thanks</p>
<p>thi is the error:</p>
<p>Microsoft JScript runtime error: Object doesn&#39;t support this property or method</p>
<p>and this is my code:</p>
</p>
<p><span style="font-size: x-small;"></span></p>
<p>$(</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">"#list"</span></span><span style="font-size: x-small;">).jqGrid(</span></p>
<p>{</p>
<p>url:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;/Autorizzazioni_Supero_Limiti_CDA.aspx/Elenco_Autorizzazioni/&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>datatype:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;json&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>mytype:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;GET&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>height: 255,</p>
<p>autowidth:</p>
</p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">true</span></span><span style="font-size: x-small;">,</span></p>
<p>colNames: [</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Fondo&#39;</span></span><span style="font-size: x-small;">, </span><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Dal&#39;</span></span><span style="font-size: x-small;">, </span><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Al&#39;</span></span><span style="font-size: x-small;">, </span><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Percentuale&#39;</span></span><span style="font-size: x-small;">],</span></p>
<p>colModel: [</p>
<p>{</p>
<p>name:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Fondo&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>index:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Fondo&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>width: 200,</p>
<p>editable:</p>
</p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">true</span></span></p>
<p><span style="font-size: x-small;"></span></p>
<p>edittype:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;select&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>editoptions: {dataUrl:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">"/Autorizzazioni_Supero_Limiti_CDA.aspx/Elenco_Fondi/"</span></span></p>
<p><span style="font-size: x-small;">}</span></p>
<p><span style="font-size: x-small;"></span></p>
<p>},</p>
<p>{</p>
<p>name:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Dal&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>index:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Data_Di_Autorizzazione&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>label:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;Dal&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>width: 90,</p>
<p>align:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;center&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>sortable:</p>
</p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">true</span></span><span style="font-size: x-small;">,</span></p>
<p>sorttype:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;date&#39;</span></span><span style="font-size: x-small;">,</span></p>
<p>editable:</p>
</p>
<p><span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">true</span></span><span style="font-size: x-small;">,</span></p>
<p>editoptions:</p>
<p>{</p>
<p>size:12,</p>
<p>dataInit:</p>
</p>
<p>
<span style="color: #0000ff; font-size: x-small;"><span style="color: #0000ff; font-size: x-small;">function</span></span><span style="font-size: x-small;">(el)</span></p>
<p>{</p>
<p>$(el).datepicker({dateFormat:</p>
</p>
<p><span style="color: #a31515; font-size: x-small;"><span style="color: #a31515; font-size: x-small;">&#39;yy-mm-dd&#39;</span></span></p>
<p><span style="font-size: x-small;">});</span></p>
<p><span style="font-size: x-small;">.......</span></p>
]]></description>
        	        	<pubDate>Fri, 04 Sep 2009 07:47:26 +0300</pubDate>
        </item>
</channel>
</rss>