<?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: Select value not displayed on cell change</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change</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/select-value-not-displayed-on-cell-change/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>tony on Select value not displayed on cell change</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change#p11723</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change#p11723</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Very strange.</p>
<p>I tested your example on my machine and everthing work ok. The only diffrence is that I have set the values in editoptions for the select manual without a function. Could you please test with the following settings:</p>
<p><input type='button' class='sfcodeselect' name='sfselectit8181' value='Select Code' data-codeid='sfcode8181' /></p>
<div class='sfcode' id='sfcode8181'>
<p>....</p>
<p>{name:&#39;Required Type&#39;, index:&#39;required_type&#39;, width:65, xmlmap:"required_type", editable: true, edittype:"select", editoptions: {value:"1:one;2:two"}},</p>
<p>...</p>
</div>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Tue, 10 Nov 2009 08:44:36 +0200</pubDate>
        </item>
        <item>
        	<title>pplaatje on Select value not displayed on cell change</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change#p11704</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change#p11704</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>sorry for the incompleteness. Here&#39;s some additional information:</p>
<p>- This behaviour happens in IE as well as in Firefox</p>
<p>- I am not using any mordal widget in the page</p>
<p>- Before this method, an ajax call is made, which is getting an array with the different select options:</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit6325' value='Select Code' data-codeid='sfcode6325' /></p>
<div class='sfcode' id='sfcode6325'>
<p>var gridPropertyTypeDefintionString= new Array();</p>
<p>&#160;&#160; $(document).ready(function(){<br />&#160;&#160;&#160; &#160;&#160;&#160; $.ajax({<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; type: "GET",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; url: "propertyTypeDefinition.php",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; dataType: "xml",<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; success: function(xmlString) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(xmlString).find("propertyTypeDefinition").each(function(){<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; var name = $(this).find("name").text();<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; var value = $(this).find("value").text();<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; gridPropertyTypeDefintionString[value] = name;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }); //close each<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; }); //close $.ajax(<br />&#160;&#160;&#160; });</p>
</div>
<p>The strange thing is that the values are in the selectbox displaying just fine, but when i change the option and move away by clicking outside the selectbox, there&#39;s nothing in the selected cell.</p>
</p>
<p>Regards,</p>
</p>
<p>Patrick</p></p>
]]></description>
        	        	<pubDate>Tue, 10 Nov 2009 02:10:46 +0200</pubDate>
        </item>
        <item>
        	<title>tony on Select value not displayed on cell change</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change#p11662</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change#p11662</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>In which browser. Do you use some modal widget? How and in which way do you call loadPropertyDefinition - is it a part from something else?</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Mon, 09 Nov 2009 10:09:11 +0200</pubDate>
        </item>
        <item>
        	<title>pplaatje on Select value not displayed on cell change</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change#p11627</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/select-value-not-displayed-on-cell-change#p11627</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>I&#39;m starting to work with jqGrid and i found something strange. I have my grid setup, data is coming in from the server (XML through jQuery Ajax load) and is displaying just fine. One of the columns is editable as a select. The values for this select are loaded as XML through the regular jQuery ajax call again. When clicking the cell, the select is showing just fine and i can select an option from it. After this my problem arises: no text is displayed after selecting the option. Any clues? Below is the source for the grid:</p>
<p><input type='button' class='sfcodeselect' name='sfselectit540' value='Select Code' data-codeid='sfcode540' /></p>
<div class='sfcode' id='sfcode540'>
<p>function loadPropertyDefinition(nodeType){<br />&#160;&#160;&#160; &#160;&#160;&#160; jQuery(&#8221;#list&#8221;).GridUnload();<br />&#160;&#160;&#160; &#160;&#160;&#160; jQuery(&#8221;#list&#8221;).jqGrid({<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; url:&#39;nodeType.php?nodeType=&#39;+nodeType,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; datatype: &#8220;xml&#8221;,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; cellEdit: true,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; xmlReader: {<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; root: &#8220;propertyDefinitions&#8221;,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; row: &#8220;propertyDefinition&#8221;,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; repeatitems: false,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; id: &#8220;name&#8221;<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; },<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; colNames:[&#39;Name&#39;,&#39;Required data type&#39;, &#39;Multiple?&#39;, &#39;Fulltext searchable?&#39;],<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; colModel:[<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; {name:&#39;name&#39;, index:&#39;name&#39;, width:130, xmlmap:"name", editable: true, edittype:"text"},<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; {name:&#39;Required Type&#39;, index:&#39;required_type&#39;, width:65, xmlmap:"required_type", editable: true, edittype:"select", editoptions: {value:gridPropertyTypeDefintionString}},<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; {name:&#39;Multiple&#39;, index:&#39;is_multiple&#39;, width:30, xmlmap:"is_multiple"},<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; {name:&#39;Fulltext&#39;, index:&#39;is_fulltextsearchable&#39;, width:30, xmlmap:"is_fulltextsearchable"}<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; cellsubmit: &#8220;clientArray&#8221;,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; rowNum:10,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; autowidth: true,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; rowList:[10,20,30],<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; pager: jQuery(&#39;#pager&#39;),<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; sortname: &#39;id&#39;,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; &#160;&#160;&#160; editurl: &#8220;server.php&#8221;,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; viewrecords: true,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; sortorder: &#8220;desc&#8221;,<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; onSelectRow: function(id){<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; //jQuery(&#39;#list&#39;).editRow(id, true);<br />&#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; }<br />&#160;&#160;&#160; &#160;&#160;&#160; }).navGrid(&#39;#pager&#39;,{edit:true,add:true,del:true});</p>
</div>
<p>Thanks in advance,</p>
</p>
<p>Regards, Patrick</p></p>
]]></description>
        	        	<pubDate>Sun, 08 Nov 2009 02:25:15 +0200</pubDate>
        </item>
</channel>
</rss>