拖放更实用的jQuery拖放排序为后台列表表

拖放更实用的jQuery拖放排序为后台列表表
许多后台列表现在可以自由排序列表,以方便拖放排序的使用。

不多说了,我通过对比发现网上,一些演示,现在方便实用的演示是基于jqueryui.js上市,

第一个html代码,非常简单:

复制代码
JQueryUI拖动

游标;指针;}
序列号
特别的一年
标题
作者


二千零一十四
这些是第一个。
Stephen A Stephen

二千零一十五
这些是第二个。
阿萨德提出了一个年龄点

二千零一十六
这是第三个。
阿萨德送这个地方

二千零一十七
这是第四个。
比赛的说法
复制代码

除了对jquery.js和jqueryui.js介绍,下面一段代码是必需的:

复制代码

$(文档)Ready(函数(){)
无功fixhelpermodified =功能(E,TR){
VaR原件= tr.children(美元);
无功辅助= tr.clone(美元);
helper.children美元()。每个(函数(指数){
$(这),宽度(originals.eq美元(指数),Width())
});
返回$助手;
},
updateindex =功能(E,UI){
('td美元。指数,ui.item.parent()()。每个功能(我){)
美元(这个),Html(I + 1);
});
};
$(#排序TBODY排序({)。
帮手:fixhelpermodified,
停止:updateindex
DisableSelection()});
});

这是一个更实用的拖动排序,我发现,或更方便。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部