博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery ui sortable 实现table,row的拖动。(Make Table Rows Sortable Using jQuery UI Sortable)...
阅读量:6292 次
发布时间:2019-06-22

本文共 628 字,大约阅读时间需要 2 分钟。

// Return a helper with preserved width of cells

var fixHelper = function(e, ui) {
//console.log(ui)
ui.children().each(function() {
$(this).width($(this).width()); //在拖动时,拖动行的cell(单元格)宽度会发生改变。在这里做了处理就没问题了
});
return ui;
};
jQuery(function(){
jQuery("#hrCalendar tbody").sortable({ //这里是talbe tbody,绑定 了sortable
helper: fixHelper, //调用fixHelper
axis:"y",
start:function(e, ui){
ui.helper.css({"background":"#fff"}) //拖动时的行,要用ui.helper
return ui;
},
stop:function(e, ui){
//ui.item.removeClass("ui-state-highlight"); //释放鼠标时,要用ui.item才是释放的行
return ui;
}
}).disableSelection();
})

转载于:https://www.cnblogs.com/zcm123/p/6108694.html

你可能感兴趣的文章
[原]Unity3D深入浅出 - Shader基础开发
查看>>
netty之ByteBuf详解
查看>>
数据泵导出oracle 10g数据库
查看>>
LYSE-模块
查看>>
Date Picker和UITool Bar控件简单介绍
查看>>
sql server 实现多表连接查询
查看>>
HTTP 1.1与HTTP 1.0的比较
查看>>
如何在命令行脚本中启动带参数的Windows服务
查看>>
abstract vs interface
查看>>
nodejs笔记1 ----关于express不是本地命令
查看>>
python debug
查看>>
docker-machine 远程安装docker
查看>>
最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等
查看>>
Java Web之Servlet中response、request乱码问题解决
查看>>
felx屏蔽文本框输入回车
查看>>
[转载].NET商业软件源码保护
查看>>
第58件事 借势文案创作实例
查看>>
域名什么意思?
查看>>
ArcEngine创建要素类01
查看>>
Algs4-1.4.43大小可变的数组与链表
查看>>