<?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: Colorize td after change</title>
	<link>http://www.trirand.com/blog/?page_id=393/treegrid/colorize-td-after-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/treegrid/colorize-td-after-change/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>KevinB on Colorize td after change</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/colorize-td-after-change#p24427</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/colorize-td-after-change#p24427</guid>
        	        	<description><![CDATA[<p>Hm, i&#39;ve found a workaround, that is not verry pretty!</p>
</p>
<p>i can click in the Box, where the actual page-number is, and hit "return". so the grid is reloading, and the colors are right. 🙂</p>
<p>ok, NOT PRETTY! 🙂</p>
</p>
<p>so i need your help!</p>
<p>THX,</p>
<p>Kevin</p>
]]></description>
        	        	<pubDate>Fri, 26 Aug 2011 17:22:00 +0300</pubDate>
        </item>
        <item>
        	<title>KevinB on Colorize td after change</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/colorize-td-after-change#p24321</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/colorize-td-after-change#p24321</guid>
        	        	<description><![CDATA[<p>Hm, can somebody tell me the Event that is triggered after an inlineCell-Edit?</p>
<p>Then i will try again 🙂</p>
]]></description>
        	        	<pubDate>Wed, 17 Aug 2011 13:41:44 +0300</pubDate>
        </item>
        <item>
        	<title>KevinB on Colorize td after change</title>
        	<link>http://www.trirand.com/blog/?page_id=393/treegrid/colorize-td-after-change#p24297</link>
        	<category>TreeGrid</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/treegrid/colorize-td-after-change#p24297</guid>
        	        	<description><![CDATA[<p>Hi,</p>
<p>i colorize my treegrid in the gridComplete function:</p>
</p>
<p><span style="color: #3366ff;"> </span></p>
<p><input type='button' class='sfcodeselect' name='sfselectit426' value='Select Code' data-codeid='sfcode426' /></p>
<div class='sfcode' id='sfcode426'>gridComplete: function () {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; for (var i = 0; i &#60; rowsToColor.length; i++) {<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; if(rowsToColor[i]%2 == 0)<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; $(&#34;#&#34; + rowsToColor[i]).find(&#34;td&#34;).css(&#34;background-color&#34;, &#34;blue&#34;);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var ta= $(&#34;#&#34; + rowsToColor[i]).find(&#34;td&#34;).eq(4).html();<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; if (ta== &#34;OK&#34;) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#34;#&#34; + rowsToColor[i]).find(&#34;td&#34;).eq(4).css(&#34;background-color&#34;, &#34;green&#34;);<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var status = $(&#34;#&#34; + rowsToColor[i]).find(&#34;td&#34;).eq(2).html();<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; if (status == &#34;NOK&#34;) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; $(&#34;#&#34; + rowsToColor[i]).find(&#34;td&#34;).eq(2).css(&#34;background-color&#34;, &#34;red&#34;);<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; }<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</p>
</div>
<p>the rowsToColor-Array is filled in</p>
<p><span style="color: #3366ff;"> </span></p>
<p><input type='button' class='sfcodeselect' name='sfselectit8160' value='Select Code' data-codeid='sfcode8160' /></p>
<div class='sfcode' id='sfcode8160'>function rowColorFormatter(cellValue, options, rowObject) {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; rowsToColor[rowsToColor.length] = options.rowId;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; return cellValue;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</div>
</p>
<p>which is called by a formatter</p>
<p><span style="color: #3366ff;"> </span></p>
<p><input type='button' class='sfcodeselect' name='sfselectit9577' value='Select Code' data-codeid='sfcode9577' /></p>
<div class='sfcode' id='sfcode9577'>formatter: rowColorFormatter</div>
<p>That works!</p>
<p>But after i change a value, the color stay the same, because i don&#39;t know, which function is called after a Cell-Change.</p>
<p>I tried it with</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit8152' value='Select Code' data-codeid='sfcode8152' /></p>
<div class='sfcode' id='sfcode8152'>afterSubmitCell: function(serverresponse, rowid, cellname, value, iRow, iCol){<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; alert(&#34;huhu&#34;);&#160;&#160;&#160;&#160;&#160;&#160; &#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; }</div>
</p>
<p>but that event doesn&#39;t fire.</p>
</p>
<p>Does somebody have any idea?</p>
</p>
<p>Thank You.</p>
]]></description>
        	        	<pubDate>Tue, 16 Aug 2011 11:08:42 +0300</pubDate>
        </item>
</channel>
</rss>