<?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: Iterating specific cells within a row into DOM elements</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements</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/iterating-specific-cells-within-a-row-into-dom-elements/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>Energetic Pixels on Iterating specific cells within a row into DOM elements</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17785</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17785</guid>
        	        	<description><![CDATA[<p>Hi Tony,</p>
<p>&#160;&#160; Ok, I have uploaded the latest and greatest of my application.&#160; Works as advertised with my one exception.&#160; I am needing to append the DOM so that piclocation, piccaption and picthumb turn into a &#60;li&#62;.&#160; This works when there is only 1 picture in the xml file.&#160; But my problem arises when there are more than one item.&#160; How do I loop through my specific onSelectRow method, create the &#60;li&#62;&#60;/li&#62; sequences and then keep looping through until there are no more piclocations in the xml file for that particular row???&#160; I worked all weekend.&#160; The closest I came was to turn the repeatitems and cell items on in the xmlReader.&#160; but this destroys proper data being displayed.&#160;&#160;&#160; I know the data is being recovered from the xml file, but it is concatinated wrong.&#160;</p>
</p>
<p>&#160;&#160;&#160; <a title="my application online" href="http://www.serco-hrc.com/testMe/index.html" target="_blank"></a><a href="http://www.serco-hrc.com/testMe/index.html" target="_blank">my online application.</a></p>
</p>
<p>&#160;tony<img class="spSmiley" style="margin:0" title="Cry" src="/blog/wp-content/forum-smileys/sf-cry.gif" alt="Cry" /></p>
]]></description>
        	        	<pubDate>Tue, 08 Jun 2010 02:46:06 +0300</pubDate>
        </item>
        <item>
        	<title>Energetic Pixels on Iterating specific cells within a row into DOM elements</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17758</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17758</guid>
        	        	<description><![CDATA[<p>Tony,</p>
</p>
<p>&#160; &#160;I think I figured out where my problem is. &#160;I just don&#39;t know how to fix it.</p>
</p>
<p>&#160; &#160;When I look at the table that jqGrid creates on the fly and look at the data within the cell for say Row 3 (dodic A106), jqGrid is taking all the data within the piclocation (3 of them) and concatinating them.</p>
<p>&#160; &#160;Since &#60;pic&#62; element (and all of its sub elements) from my xml file could be repeated, I turned on (true) jqGrid&#39;s repeatitems. &#160;When this is set to true, my grid generation just hangs and does nothing with rendering the table.</p>
</p>
<p>&#160; &#160;I read in the documentation where repeatitems and cell work in conjunction with each other. &#160;When I set repeatitems to true and then set cell to pic (it is one of the elements that could repeat), jqGrid only renders the pic element and nothing else. &#160;Not what I want.</p>
</p>
<p>&#160; &#160; Only thing that I can think of to do now is to set up a subgrid to handle this repeating xml element. &#160;Is this the right path??</p>
</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Fri, 04 Jun 2010 20:47:42 +0300</pubDate>
        </item>
        <item>
        	<title>Energetic Pixels on Iterating specific cells within a row into DOM elements</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17754</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17754</guid>
        	        	<description><![CDATA[<p>Good Evening Tony,</p>
</p>
<p>&#160;&#160; Thanks for taking a look at my code.&#160; Sorry about that.&#160; I just put up a new version that does not hang-up.&#160; I modified my onSelectRow that specifically deals with my issue.&#160; New version (without any each() function) is:</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit9094' value='Select Code' data-codeid='sfcode9094' /></p>
<div class='sfcode' id='sfcode9094'>$(&#39;#picListItems&#39;).append(&#34;&#60;li&#62;&#60;a class=&#39;thumb&#39; href=&#39;&#34; + data.piclocation + &#34;&#39; title=&#39;&#34; + data.pictitle + &#34;&#39;&#62;&#60;img src=&#39;&#34; + data.picthumb&#160; + &#34;&#39; alt=&#39;&#34; + data.pictitle + &#34;&#39; /&#62;&#60;/a&#62;&#60;div class=&#39;caption&#39;&#62;&#60;div class=&#39;image-title&#39;&#62;&#34; + data.pictitle + &#34;&#60;/div&#62;&#60;div class=&#39;image-desc&#39;&#62;&#34; + data.piccaption + &#34;&#60;/div&#62;&#60;/div&#62;&#60;/li&#62;&#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; &#160;&#160;&#160; &#160;&#160;&#160; &#160;alert(data.piclocation + data.piccaption);</div>
<p>What I was trying to do was if the grid had data in the piclocation, iterate over that part of the column model and each time it found new data, do the append function above.&#160; This way I should produce multiple &#60;li&#62;&#60;/li&#62; sets within the DOM.</p>
</p>
<p>my script works as advertised as long as I only have one iteration of picture data.&#160; Problem occurs when I have 2 or more pictures and thus 2 or more &#39;data sets&#39; that need to be displayed.</p>
</p>
<p>The alert box that is scripted is only for testing purposes for now.</p>
</p>
<p>Tony<img class="spSmiley" style="margin:0" title="Confused" src="/blog/wp-content/forum-smileys/sf-confused.gif" alt="Confused" /></p>
]]></description>
        	        	<pubDate>Fri, 04 Jun 2010 19:58:53 +0300</pubDate>
        </item>
        <item>
        	<title>tony on Iterating specific cells within a row into DOM elements</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17751</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17751</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>Your code produces error and I can not lunch the menu action.</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Fri, 04 Jun 2010 19:33:50 +0300</pubDate>
        </item>
        <item>
        	<title>Energetic Pixels on Iterating specific cells within a row into DOM elements</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17699</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/iterating-specific-cells-within-a-row-into-dom-elements#p17699</guid>
        	        	<description><![CDATA[<p>I have a jqGrid application working so far.&#160; Until today.</p>
<p>My grid application goes out and pulls in a static xml file and then through colModel and onSelectRow &#39;parses&#39; this data into specific divs and &#39;p&#39;s.&#160; I had everything working until I tried to iterate through a specific area of my xml file.&#160; This area has the possibility to repeat, ie.,</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit8720' value='Select Code' data-codeid='sfcode8720' /></p>
<div class='sfcode' id='sfcode8720'>&#60;photo&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;pic&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;asset&#62;weaponLib/stillMedia/slides/A106.jpg&#60;/asset&#62;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#60;thumb&#62;weaponLib/stillMedia/thumbs/A106.jpg&#60;/thumb&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;caption&#62;Side view of DODIC A106&#60;/caption&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;title&#62;Side view of 22 caliber long rifle ball cartridge&#60;/title&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;/pic&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;pic&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;asset&#62;weaponLib/stillMedia/slides/A106_A.jpg&#60;/asset&#62;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#60;thumb&#62;weaponLib/stillMedia/thumbs/A106_A.jpg&#60;/thumb&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;caption&#62;Side view of DODIC A106&#60;/caption&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;title&#62;Side view of 22 caliber long rifle ball cartridge&#60;/title&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;/pic&#62;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#60;pic&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;asset&#62;weaponLib/stillMedia/slides/A106_B.jpg&#60;/asset&#62;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#60;thumb&#62;weaponLib/stillMedia/thumbs/A106_B.jpg&#60;/thumb&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;caption&#62;Side view of DODIC A106&#60;/caption&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;title&#62;Side view of 22 caliber long rifle ball cartridge&#60;/title&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;/pic&#62;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#60;pic&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;asset&#62;weaponLib/stillMedia/slides/A106_C.jpg&#60;/asset&#62;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#60;thumb&#62;weaponLib/stillMedia/thumbs/A106_C.jpg&#60;/thumb&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;caption&#62;Side view of DODIC A106&#60;/caption&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;title&#62;Side view of 22 caliber long rifle ball cartridge&#60;/title&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;/pic&#62;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#60;pic&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;asset&#62;weaponLib/stillMedia/slides/A106_D.jpg&#60;/asset&#62;<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#60;thumb&#62;weaponLib/stillMedia/thumbs/A106_D.jpg&#60;/thumb&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;caption&#62;Side view of DODIC A106&#60;/caption&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;title&#62;Side view of 22 caliber long rifle ball cartridge&#60;/title&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;/pic&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;/photo&#62;</div>
</p>
<p>I am taking this data and forming &#60;li&#62;&#60;/li&#62; and &#60;div&#62;&#60;/div&#62; pairs in a specific structure.&#160; My code works wonders when there is only one &#60;pic&#62;.&#160; but when I have 2 or more &#60;pic&#62; nodes my code breaks.</p>
<p>Here is the specific onSelectRow in question:</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit2622' value='Select Code' data-codeid='sfcode2622' /></p>
<div class='sfcode' id='sfcode2622'>$(&#39;#picListItems&#39;).each(function() {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;.append(&#34;&#60;li&#62;&#60;a class=&#39;thumb&#39; href=&#39;&#34; + data.piclocation + &#34;&#39; title=&#39;&#34; + data.pictitle + &#34;&#39;&#62;&#60;img src=&#39;&#34; + data.picthumb&#160; + &#34;&#39; alt=&#39;&#34; + data.pictitle + &#34;&#39; /&#62;&#60;/a&#62;&#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; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;.append(&#34;&#60;div class=&#39;caption&#39;&#62;&#60;div class=&#39;image-title&#39;&#62;&#34; + data.pictitle + &#34;&#60;/div&#62;&#60;div class=&#39;image-desc&#39;&#62;&#34; + data.piccaption + &#34;&#60;/div&#62;&#60;/div&#62;&#60;/li&#62;&#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; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;});</div>
</p>
<p>Again my code works wonders when I set it up for one .append function cycle.&#160; But when I add in the .each() code to incorporate more than one &#60;pic&#62; iteration, all I get is the 4 data.piccaption showing up in the DOM.&#160; What am I doing wrong??&#160; Please excuse me if this seems like a simple problem.&#160; I am fairly new at jQuery and broadening my horizons the hard way.</p>
</p>
<p>I have this whole application up on line if you care to use firebug.&#160; Maybe I have a bigger problem than what I think.&#160; website is <a href="http://www.serco-hrc.com/testMe/index.html" rel="nofollow" target="_blank"><a href="http://www.serco-hrc.com/testM" rel="nofollow">http://www.serco-hrc.com/testM</a>.....index.html</a>.</p>
<p>Click Small Arms menu item.&#160; Then choose the row containing A106.&#160; When the next page comes up, click the Slideshow link in the upper left hand corner of the tab area.</p>
<p>Tony</p>
<p><img class="spSmiley" style="margin:0" title="Confused" src="/blog/wp-content/forum-smileys/sf-confused.gif" alt="Confused" /></p></p>
]]></description>
        	        	<pubDate>Wed, 02 Jun 2010 23:11:57 +0300</pubDate>
        </item>
</channel>
</rss>