<?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: New in version 3.6&#62; Drag and Drop Rows ?</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/new-in-version-3-6-drag-and-drop-rows</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/new-in-version-3-6-drag-and-drop-rows/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>cvneo on New in version 3.6&#62; Drag and Drop Rows ?</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/new-in-version-3-6-drag-and-drop-rows#p24113</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/new-in-version-3-6-drag-and-drop-rows#p24113</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p> I use the example and tested with:<br /> New in version 3.6&#62; Drag and Drop Rows</p>
<p> Jquery version 1.5.1<br /> Jquery-ui version 1.8.13<br /> jQuery Grid 4.1.2</p>
<p> Appears when I do the drag and drop the line is a copy instead of being moved in the Grid1 GRID2.</p>
<p> So the line is present in Grid1 and if I move the same line in Grid1 is duplicated: (</p>
<p> Is this a Bug?</p>
<p> Thank you in advance.</p>
</p>
<p><input type='button' class='sfcodeselect' name='sfselectit9381' value='Select Code' data-codeid='sfcode9381' /></p>
<div class='sfcode' id='sfcode9381'>&#60;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;../css/redmond/jquery-ui.css&#34;&#62;<br />&#60;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;../css/ui.jqgrid.css&#34;/&#62;</p>
<p>&#60;script type=&#34;text/javascript&#34; src=&#34;../js/jquery-min.js&#34;&#62;&#60;/script&#62;<br />&#60;script type=&#34;text/javascript&#34; src=&#34;../js/jquery-ui-min.js&#34;&#62;&#60;/script&#62;<br />&#60;script type=&#34;text/javascript&#34; src=&#34;../js/jqGridLang/grid.locale-fr.js&#34;&#62;&#60;/script&#62;<br />&#60;script type=&#34;text/javascript&#34; src=&#34;../js/jquery-jqGrid.min.js&#34;&#62;&#60;/script&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;table id=&#34;grid1&#34;&#62;&#60;/table&#62; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;div id=&#34;pgrid1&#34;&#62;&#60;/div&#62;&#160; &#160;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;br&#62;&#60;br&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;table id=&#34;grid2&#34;&#62;&#60;/table&#62; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;div id=&#34;pgrid2&#34;&#62;&#60;/div&#62; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;br&#62;&#60;br&#62;<br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;table id=&#34;grid3&#34;&#62;&#60;/table&#62; <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;div id=&#34;pgrid3&#34;&#62;&#60;/div&#62;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; &#160;</p>
<p>&#60;script type=&#34;text/javascript&#34;&#62;<br />jQuery(&#34;#grid1&#34;).jqGrid({ datatype: &#34;local&#34;, height: 100, colNames: [&#39;Id1&#39;, &#39;Name1&#39;, &#39;Values1&#39;], colModel: [{ name: &#39;id1&#39;, index: &#39;id&#39;, width: 100 }, { name: &#39;name1&#39;, index: &#39;name&#39;, width: 100 }, { name: &#39;values1&#39;, index: &#39;values&#39;, width: 200 }], caption: &#39;Grid 1&#39;, pager: &#39;#pgrid1&#39; }); jQuery(&#34;#grid2&#34;).jqGrid({ datatype: &#34;local&#34;, height: 100, colNames: [&#39;Id2&#39;, &#39;Name2&#39;, &#39;Values2&#39;], colModel: [{ name: &#39;id2&#39;, index: &#39;id&#39;, width: 100 }, { name: &#39;name2&#39;, index: &#39;name&#39;, width: 100 }, { name: &#39;values2&#39;, index: &#39;values&#39;, width: 200 }], caption: &#39;Grid 2&#39;, pager: &#39;#pgrid2&#39; }); jQuery(&#34;#grid3&#34;).jqGrid({ datatype: &#34;local&#34;, height: &#39;auto&#39;, colNames: [&#39;Id3&#39;, &#39;Name3&#39;, &#39;Values3&#39;], colModel: [{ name: &#39;id3&#39;, index: &#39;id&#39;, width: 100 }, { name: &#39;name3&#39;, index: &#39;name&#39;, width: 100 }, { name: &#39;values3&#39;, index: &#39;values&#39;, width: 200 }], caption: &#39;Grid 3&#39;, pager: &#39;#pgrid3&#39; }); var mydata1 = [ {id1:&#34;1&#34;,name1:&#34;test1&#34;,values1:&#39;One&#39;}, {id1:&#34;2&#34;,name1:&#34;test2&#34;,values1:&#39;Two&#39;}, {id1:&#34;3&#34;,name1:&#34;test3&#34;,values1:&#39;Three&#39;} ]; var mydata2 = [ {id2:&#34;11&#34;,name2:&#34;test11&#34;,values2:&#39;One1&#39;}, {id2:&#34;21&#34;,name2:&#34;test21&#34;,values2:&#39;Two1&#39;}, {id2:&#34;31&#34;,name2:&#34;test31&#34;,values2:&#39;Three1&#39;} ]; var mydata3 = [ {id3:&#34;12&#34;,name3:&#34;test12&#34;,values3:&#39;One2&#39;}, {id3:&#34;22&#34;,name3:&#34;test22&#34;,values3:&#39;Two2&#39;}, {id3:&#34;32&#34;,name3:&#34;test32&#34;,values3:&#39;Three2&#39;} ]; for (var i = 0; i &#60;= mydata1.length; i++) { jQuery(&#34;#grid1&#34;).jqGrid(&#39;addRowData&#39;,i + 1, mydata1[i]); jQuery(&#34;#grid2&#34;).jqGrid(&#39;addRowData&#39;,i + 1, mydata2[i]); jQuery(&#34;#grid3&#34;).jqGrid(&#39;addRowData&#39;,i + 1, mydata3[i]); } jQuery(&#34;#grid1&#34;).jqGrid(&#39;gridDnD&#39;,{connectWith:&#39;#grid2,#grid3&#39;}); jQuery(&#34;#grid2&#34;).jqGrid(&#39;gridDnD&#39;,{connectWith:&#39;#grid1&#39;});&#60;/script&#62;</p>
</div>
]]></description>
        	        	<pubDate>Sun, 31 Jul 2011 13:03:39 +0300</pubDate>
        </item>
</channel>
</rss>