Jqgrid动态拖拽

最新推荐文章于 2023-10-31 11:50:54 发布

转载最新推荐文章于 2023-10-31 11:50:54 发布 · 418 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hyteddy/p/3994328.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery及其插件jqGrid和jquery.tablednd.js实现网页表格元素的拖拽功能。通过设置特定参数，使得表格能在不同网格间进行元素的拖拽交换，并为拖拽完成后触发的事件添加了样式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

		//注册事件
		jQuery("#list1").jqGrid('setGridParam',  { 
			gridComplete : function() {
				$("#_empty", "#list1").addClass("nodrag nodrop");//样式
				$("#list1").tableDnDUpdate();//更新jquery.tablednd.js插件的方法。
			}
		});
		jQuery("#list1").tableDnD({scrollAmount:0});
		jQuery("#list2").jqGrid('gridDnD',{connectWith:'#list1',dragcopy:true,autoid:false,dropbyname:true});

转载于:https://www.cnblogs.com/hyteddy/p/3994328.html