dhtmlxgrid实现左右列表数据移动

最新推荐文章于 2023-11-15 13:21:02 发布

jiujie395

最新推荐文章于 2023-11-15 13:21:02 发布

阅读量2.2k

点赞数

文章标签： dhtmlxgrid

本文链接：https://blog.csdn.net/jiujie395/article/details/8268303

版权

本文介绍了如何使用dhtmlxgrid组件来处理列表数据的移动操作。当用户在左侧列表中选择一行并双击时，数据会添加到右侧列表，并从左侧移除。同样，双击右侧列表的行会将数据移回左侧。同时，代码展示了如何在数据移动后对列表进行排序，确保行号的正确显示。

摘要由CSDN通过智能技术生成

		//通过grid监听器的onRowSelect函数可以获取当前选定的行的id，ind为你点击列的id
		//绑定左边列表双击事件
		grid.attachEvent("onRowDblClicked", function(id,ind){
			var arr = new Array();
			for(var i=0;i<grid.getColumnCount();i++){
				var val = grid.cells(id,i).getValue();
				arr[i] = val;
			}
			
			//把选中的记录新增到右边列表中
			grid2.addRow(id,arr);
			//把选中的记录在左边列表中删除
			grid.deleteSelectedRows();
			
			// ######### start 列表排序 （for循环位置不能改变） #########
			for(var i=0;i<grid2.getRowsNum();i++){
                			var val = i+1;
               			grid2.cells2(i,0).setValue(val);
  			} 

			for(var i=0;i<grid.getRowsNum();i++){
                			var val = i+1;
                			grid.cells2(i,0).setValue(val);
  			} 
			// ######### end 列表排序 （for循环位置不能改变） #########
		});	
		
		//绑定右边列表双击事件
		grid2.attachEvent("onRowDblClicked", function(id