引导拖动布局元素如何实现

介绍

小编给大家分享一下引导拖动布局元素如何实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

<强>下面是引导中拖动表布局元素的实现方法: <强>

需要引入的文件

引导拖动布局元素如何实现

有的地方也叫jquery.tablednd。js,当然肯定要基于jquery和引导,把该引进的css, js都引入,然后引入插件,本文用的是基于seajs的,按照seajs方法引入。

然后正常初始化表格,需要添加的属性

引导拖动布局元素如何实现

然后在引导表初始化配置处(与方法、url、列同级)添加以下方法

引导拖动布局元素如何实现

前两个方法没太大的用,最后一个方法返回的newData是拖拽之后的表格顺序,当然只能当前页拖拽

特别注意:如果不成功,额外在引导配置里(列同级)添加

useRowAttrFunc:真的,

实现效果:

引导拖动布局元素如何实现

引导拖动布局元素如何实现

引导拖动布局元素如何实现

引入文件地址:https://github.com/wangyeky3419/tablednd.js-bootstrap-table-reorder-rows.js

引导拖动布局元素如何实现

以上是引导拖动布局元素如何实现的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

引导拖动布局元素如何实现