<?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: Event triggered by column reorder?</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder</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/event-triggered-by-column-reorder/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>venugopalsmartboy on Event triggered by column reorder?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p29024</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p29024</guid>
        	        	<description><![CDATA[<p>According to <a href="/blog/?page_id=393/help/sortable-columns/#p12833" target="_blank">this post </a>in trirand forum,</p>
</p>
<p>&#160;sortable : { options : { &#60;whatever sortable options you want&#62; },</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160; &#160;update : function(perumtation) {},</p>
<p>&#160;&#160; &#160; &#160; &#160; &#160; &#160;},</p>
</p>
<p>This is working great.. thanks to the jqGrid development teams and support communities..</p>
]]></description>
        	        	<pubDate>Tue, 18 Jun 2013 09:49:46 +0300</pubDate>
        </item>
        <item>
        	<title>venugopalsmartboy on Event triggered by column reorder?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p29023</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p29023</guid>
        	        	<description><![CDATA[<p>Hi Tony,</p>
<p>If I use like this,</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; sortable:{</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; options: {<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; stop: function(event, ui) {</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; var d = $("div.ui-jqgrid-sortable",$(ui.item));<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; console.log(&#39;Colomn "&#39;+ d.text() + &#39;" was reorded&#39;);<br />&#160;&#160;&#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;&#160; },<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; update: function(relativeColumnOrder) {<br />&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160;&#160; &#160;&#160; console.log("in update");<br />&#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;&#160;&#160;&#160; }</p>
<p>&#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; },</p>
</p>
<p>The sortability is not working. Though the headers are moving, but the data in the grid is not moving.</p>
<p>You can find the same&#160; in this&#160; <a title="ColumnReorder" href="http://jsbin.com/ehaxoq/1/" target="_blank">jsbin </a>example. Please suggest on how to go ahead on this.</p>
]]></description>
        	        	<pubDate>Tue, 18 Jun 2013 09:40:59 +0300</pubDate>
        </item>
        <item>
        	<title>liammkelly on Event triggered by column reorder?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p14585</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p14585</guid>
        	        	<description><![CDATA[<p>Thanks Tony! &#160;I implemented this:</p>
</p>
<p>sortable: {update: function(event, ui) {</p>
<p><span style="white-space: pre;"> </span>reorderColumns(currentSystemID);</p>
<p>}}</p>
</p>
<p>and it works great.</p>
</p>
<p>Liam &#160;&#160;</p>
]]></description>
        	        	<pubDate>Fri, 05 Feb 2010 18:01:33 +0200</pubDate>
        </item>
        <item>
        	<title>tony on Event triggered by column reorder?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p14574</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p14574</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>I think yes, if I understand right.</p>
</p>
<p>In the gridOptions define</p>
</p>
<p>sortable: {options:{here_all the options for sortable widget}}</p>
</p>
<p>Best Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Fri, 05 Feb 2010 12:15:53 +0200</pubDate>
        </item>
        <item>
        	<title>liammkelly on Event triggered by column reorder?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p14516</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/event-triggered-by-column-reorder#p14516</guid>
        	        	<description><![CDATA[<p>Hi guys,</p>
</p>
<p>Love the grid, it has changed my life. &#160;I am trying to store the new order of columns whenever the user reorders them. &#160;Currently I am using this hack:</p>
</p>
<p>&#160;$(&#39;th[role=columnheader]&#39;).mouseup( function() {</p>
<p><span style="white-space:pre"> </span>setTimeout(&#39;reorderColumns(currentSystemID)&#39;,1000);</p>
<p>})</p>
</p>
<p>function reorderColumns(sys) {</p>
<p><span style="white-space: pre;"> </span>var reorderArray = new Array();</p>
<p>&#160;&#160; &#160;<span style="white-space: pre;"> </span>$.each( $(&#39;#queue_grid_&#39;+sys).getGridParam(&#39;colModel&#39;), function(e,f) {</p>
<p><span style="white-space: pre;"> </span>reorderArray[e] = new Array(); &#160;</p>
<p><span style="white-space: pre;"> </span>reorderArray[e][0] = f.index;&#160;</p>
<p><span style="white-space: pre;"> </span>reorderArray[e][1] = f.width;</p>
</p>
<p><span style="white-space: pre;"> </span>// logic for storing these attributes here</p>
<p><span style="white-space: pre;"> </span>// &#8230;</p>
<p><span style="white-space: pre;">&#160;</span><span style="white-space: pre;"> </span>})</p>
<p>}&#160;</p>
</p>
<p>However, sometimes this works and sometimes it doesn&#39;t. &#160;Is there an actual method triggered by the reorder I can use? &#160;</p>
<p>Thanks!!!</p>
<p>Liam</p>
]]></description>
        	        	<pubDate>Wed, 03 Feb 2010 17:41:06 +0200</pubDate>
        </item>
</channel>
</rss>