首先准备jquery、jqgrid、tableDnd等js文件。
tableDnD建议到GitHub上直接下载src包，避免一些不必要的问题。连接地址/isocra/TableDnD。注意引用适用的jQuery版本，不然也会出问题的。
在jqgrid中使用tableDnD插件是为了实现表单中row的拖拽操作。
首先在$(document).ready(function(){&&})中添加如下代码：
1 //jqgrid表单拖拽
$("#gridTable").tableDnD({
scrollAmount : 1,
dragHandle: ".dragHandle",
onDrop: function(table, row){
getMKXH(id,uid);
onAllowDrop: function(draggedRow, row){
uid = $(row).index();
return true;
//end $("#gridTable").tableDnD
具体属性说明参看tableDnd.js文件中的说明。这里说一下dragHandle，&.dragHandle&为jsp页面中配置的样式。
我这里直接写在jsp页面中，未集合到css文件。代码如下：（参考tablednd.css）
1 &style type="text/css"&
2 .dragHandle {
5 .showDragHandle {
background-image: url(images/updown2.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: move;
11 &/style&
默认dragHandle是能拖拽整个row，但有时候这并不是我们所需要的。我们可能只想通过拖拽其中某个或者某些cell达到拖拽效果。故此需要将某些cell，在jqgrid中就是某列，添加class属性，其值=&.dragHandle&，在jqgrid中colModel是用来设置列属性的，我的配置如下：
{name:'cjr',index:'cjr', autowidth:true,align:"center",classes:'dragHandle'}
classes可以配置多值。
这样就实现通过拖拽每一行的name='cjr'这一列实现拖拽row功能。
在jqgrid的gridComplete: function(){&&})函数里添加如下代码：
$("#_empty", "#gridTable").addClass("nodrag nodrop");//样式
$("#gridTable tr:even').addClass('alt')");
$("#gridTable").tableDnDUpdate();//更新jquery.tablednd.js插件的方法。
为了更直观一些，需要添加一些样式。就是上面代码中的.showDragHandle，对每行绑定一个hover函数。
$("#gridTable tr").hover(function(){
$(this.cells[6]).addClass('showDragHandle');
}, function() {
$(this.cells[6]).removeClass('showDragHandle');
这段代码一定要写在gridComplete: function(){&&})里面，写在其他地方会出问题。
后台就是一个简单序号交换。此外我这里的jqgrid表单要映射成ztree树形菜单。
以上就介绍了jqgrid中使用tableDnd插件，包括了方面的内容，希望对Javascript教程有兴趣的朋友有所帮助。
本文网址链接：/article/detail_117708.html
上一篇： 下一篇：现在的位置:
JQuery优秀插件收集
JQuery插件库: 全套UI:
全球jQuery的UI框架集锦，有国产DWZ框架入选
1. JQuery UI
2. DWZ富客户端框架
3. Easy UI
4. quickui
免费和收费两个版本
5. jqwidgets
6. LigerUI , 更新很慢, 网上说问题很多,谨慎使用
8. JQuery Tools :
9. UI Layout
免费版本不提供后台组件等, TreeGrid的实现
12. mini ui
13. 6款强大的创建和加强网站布局的jQuery插件
14. 8个实用的页面布局和用户界面jQuery插件
equalize.js 均衡的高度或宽度的元素的jQuery插件
jQuery的滚动路径,一个插件定义自定义的滚动路径。这使用画布味的语法来绘制直线和圆弧。
freetile.js Freetile是一个jQuery的插件，使该组织的网页内容在一个高效，动态和响应布局。
gridster.js 这是神话般的拖动和拖放多列网格已经到来。Gridster是一个jQuery插件，允许建立直观的拖动的布局元素跨越多个列。
15 OperaMasksUI一个完整的UI
非JQuery UI:
2. openlaszlo
3. qooxdoo
5. Bootstrap
其他: 没查看过,不知道情况怎么样
Fbootstrapp,BootMetro, Kickstrap, Foundation, GroundworkCSS, Gumby, HTML , ickStart, IVORY, Kube
在线编辑器:
KindEditor
10 个免费的 jQuery 可视化编辑器插件
18个最好的 jQuery 表格插件
jQuery treetable , demo:
jQuery Grid Plugin
columnHover jQuery插件，可以当鼠标悬停时，可以高亮表格中的整个列。
Handsontable 类似excel:
7个跟excel相关的插件：7+ JQUERY MICROSOFT EXCEL TYPE PLUGINS
dhtmlxSpreadsheet
jQuery.sheet
Table Generator
对Grid的独立排序工具
table sorter ，此插件可以将带有THEAD和TBODY标签的标准HTML表转化成可排序表，而无需刷新页面。Table sorter可以成功地解析多种类型的数据并进行排序。
jQuery Table，这是一个操作简单的jQuery插件，可帮助你将数据创建成可排序的表格。
Beautiful Data，这是个了不起的方法，可以为枯燥的HTML表增加分页和排序功能。此插件也可以用于指定了源文件的CSV和JSON数据。
jQuery columnManager 插件，此插件可以切换表中纵列内容的可见性（折叠和展开它们），并且保存数据直到下次访问。
菜单导航：
15 Fresh jQuery Menu Plugins and Tutorials
jquery-simple-context-menu右键菜单
jQuery contextMenu 右键菜单 ，下载地址:
ddsmoothmenu无限级菜单
具备八种不同方式滑出的菜单栏特效
上传下载：
Plupload，很不错的上传插件
它的中文例子说明:,如果想覆盖事件和得到返回值，就使用它的pluploadQueue()方法。注意：这个插件的文件在jsp上引入是有顺序的，否则问题出在哪里，都很难发现的。
jQuery File Upload：
jquery.fileDownload.js Library 下载插件，Demo:
菜单的冒泡效果:BubbleUp jQuery Plugin to Spice Up Your Menu
十个提示插件：
qTip 一个提示工具:
,在对话框的使用
Toastr 一个模仿Android的提示工具 ,官网：
Pines Notify
支持ie7以上
MiniJS Notification[包含许多功能]
jQuery Toast Message
Gritter for jQuery
jQuery Notification Plugin
jQuery.toast – toast notifications
几个格式化输入
jQuery Fileinput Plugin文件输入框:
jQuery File Upload文件输入框
SCEditor编辑器
jQuery Autosize 文本框自动高宽度
jQuery Super Labels另类输入提示
jWizard输入提示
Javascript image dropdown 3.5.2 一个不错的下拉框
是个不错的下拉框：
chosen 类似下拉框多选插件 ,使用方法和ie6问题：
Selectize.js下拉多选
4 个多才多艺的 jQuery 下拉菜单插件
Brute Select格式化下拉框
jquery.chained.js 连级数据
multiselect两边多选框
TextExt很好的下拉选择器：
DropKick.js一个自定义的下拉框
dropdown-check-list 有checkbox的下拉框
日期日历时间
一些日期控件收集:
datepicker 97
jQuery Date Input多语言日期
jQuery Calendar 一个不错的日历
Ion.Calendar 2.0.0日期:
pickadate.js 日期时间
continuous-calendar日历
jquery-simple-datetimepicker 日期时间:
zebra-datepicker日期
Rondell画廊
jcarousel画廊
fotorama画廊
jquery图片幻灯片,Jquery特效
30个精美的jQuery幻灯片效果插件和教程
10个精选 jQuery 幻灯片插件
SLF一个很不错的画廊
jquery图片滚动特效banner
jQuery Sparklines 动态图表
在线进度条：
jScrollPane 滚动条插件
jScroller2 滚动动画
jQuery Knob 旋转输入
textrange文本选择
Fancyform表单皮肤
jQuery.dForm js表单控件
jQuery Custom Forms 表单皮肤:
jQuery++加强插件
jsTree 树插件
equalize.js 自动适应宽度高度
Kwicks for jQuery 别致的手风琴效果
miniTip jQuery Plugin 提示插件
Smallipop 提示插件
jQuery Fullscreen 最大化插件
Scroller滚动条
dragend JS横向拖动翻页
jQuery.bPopup.js弹出框
jquery按条件筛选产品效果 类似京东选择：
xml2json-xslt xml跟json转换插件
Tab 10款实用的 jQuery Tab 切换插件和教程
Base64编码插件:
【上篇】【下篇】
您可能还会对这些文章感兴趣！
------====== 本站公告 ======------
每个人都有一个不切实际的梦想，我们知道这个梦想永远无法实现，它就如同空中楼阁般引人向往却虚无缥缈，即使如此我们也不会抛弃它，因为那是支撑着我们在不如意的世界中，坚强下去的理由。
同分类最新文章
日志：182篇
评论：13720条
分类：15个
标签：233个
网站运行：915天
最后更新：日当前访客身份：游客 [
：ztree教程-将ul li元素转换为zTree树控件的插件 ...
：喜欢文章中说的观点：我们都是错的，我们的代码其...
：恩，虽然大部分都知道，还是再看一遍。
今日访问：0
昨日访问：6
本周访问：22
本月访问：78
所有访问：9219
表生成器（@TableGenerator）使用注意事项
发表于4年前( 09:36)&&
阅读（183）&|&评论（）
0人收藏此文章,
用途：将当前主键的值单独保存到数据库的一张表里去，主键的值每次都是从该表中查询获得，适用于任何数据库，不必担心兼容问题。
常规配置，看下面例子：
@Column(name = "id")
@TableGenerator(name = "hf_opert_id_gen", //此处的名字要和下面绿色标注的对应
table = "mcs_hibernate_seq", //主键保存到数据库的表名
pkColumnName = "sequence_name", //表里用来保存主键名字的字段
valueColumnName = "sequence_next_hi_value",//表里用来保存主键值的字段
pkColumnValue = "user_id", //表里名字字段对应的值
allocationSize = 1)//自动增长，设置为1
@GeneratedValue(strategy = GenerationType.TABLE, generator = "hf_opert_id_gen")
运行后，表mcs_hibernate_seq的结构如下：
注意该表的结构，只有两列，如果你需要给该表再加一列主键id的话，务必要记得设置为自增
同时该实体类对应的数据库表的主键id不能设置为自增，不然会报错的。
每当从这张主键表获取对应的主键值后，该值会自动更新+1，为下一次赋值做好了准备。
更多开发者职位上
1)">1)">1" ng-class="{current:{{currentPage==page}}}" ng-repeat="page in pages"><li class='page' ng-if="(endIndex<li class='page next' ng-if="(currentPage请问下zTree插件怎么做成table的形式
[问题点数：40分，结帖人Enjoy720]
请问下zTree插件怎么做成table的形式
[问题点数：40分，结帖人Enjoy720]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。}