enableDragOrder problems

enableDragOrder doesn’t seem to be working for me in this example. The order is not kept. Am I doing something wrong or this a bug?

I am using v.2.5 pro build 91111

online example: [url]http://www.talaplom.com/test.html[/url]

the code is as follows:

<html>
	<head>
		<link rel="stylesheet" type="text/css" href="yourPathToDHTMLX/dhtmlxGrid/codebase/dhtmlxgrid.css">
		<link rel="stylesheet" type="text/css" href="yourPathToDHTMLX/dhtmlxGrid/codebase/skins/dhtmlxgrid_dhx_skyblue.css">
		<script src="yourPathToDHTMLX/dhtmlxLayout/codebase/dhtmlxcommon.js"></script>
		<script  src="yourPathToDHTMLX/dhtmlxGrid/codebase/dhtmlxgrid.js"></script>
		<script src="yourPathToDHTMLX/dhtmlxGrid/codebase/dhtmlxgridcell.js"></script>
		<script src="yourPathToDHTMLX/dhtmlxGrid/codebase/ext/dhtmlxgrid_drag.js"></script>

		<script language="JavaScript">
		<!--

			myJSON =	{
								"nodes":
								{
									"rows":
									[
										{
											"id":"1",
											"data":
											[
												"1"
											]
										},
										{
											"id":"2",
											"data":
											[
												"2"
											]
										},
										{
											"id":"3",
											"data":
											[
												"3"
											]
										},
										{
											"id":"4",
											"data":
											[
												"4"
											]
										},
										{
											"id":"5",
											"data":
											[
												"5"
											]
										},
										{
											"id":"6",
											"data":
											[
												"6"
											]
										},
										{
											"id":"7",
											"data":
											[
												"7"
											]
										},
										{
											"id":"8",
											"data":
											[
												"8"
											]
										},
										{
											"id":"9",
											"data":
											[
												"9"
											]
										},
										{
											"id":"10",
											"data":
											[
												"10"
											]
										}
									]
								},
								"no_nodes":
								{
									"rows":
									[
										
									]
								}
							};

			function  doInitGrid()
			{
				var grid0 = new dhtmlXGridObject('gridBox0');

				grid0.selMultiRows = true;
				grid0.imgURL = "yourPathToDHTMLX/dhtmlxGrid/codebase/imgs/";
				grid0.setHeader("A");
				grid0.setInitWidths("200");

				grid0.setColAlign("left");
				grid0.setColVAlign("middle");
				grid0.setColTypes("ron");
				grid0.setColSorting("int");
				grid0.enableDragAndDrop(true);
				grid0.enableDragOrder(true);
				grid0.init();
				grid0.setSkin('dhx_skyblue');
				grid0.parse(myJSON.nodes,"json");

				var grid1 = new dhtmlXGridObject('gridBox1');

				grid1.selMultiRows = true;
				grid1.imgURL = "yourPathToDHTMLX/dhtmlxGrid/codebase/imgs/";
				grid1.setHeader("B");
				grid1.setInitWidths("200");

				grid1.setColAlign("left");
				grid1.setColVAlign("middle");
				grid1.setColTypes("ron");
				grid1.setColSorting("int");
				grid1.enableDragAndDrop(true);
				grid1.enableDragOrder(true);
				grid1.init();
				grid1.setSkin('dhx_skyblue');
				grid1.parse(myJSON.no_nodes,"json");
			}
			-->
		</script>
	</head>
	<body onload="doInitGrid();">
		<div id="gridBox0" style="width:200px;height:250px;"></div>
		<br><br>
		<div id="gridBox1" style="width:200px;height:250px;"></div>
	</body>
</html>

test.rar (783 Bytes)

This method guarantee that if you drag and drop more than one row at once, rows order at the target grid will be the same as at the source grid. But if you drag and drop rows one by one, rows order will not be changed at the source grid.