easyui的dnd插件实现datagrid行拖拽

最新推荐文章于 2021-02-27 09:08:32 发布

VIP文章嗡汤圆

最新推荐文章于 2021-02-27 09:08:32 发布

阅读量1w

点赞数

分类专栏： Web前端开发文章标签： datagrid 插件 easyui dnd

本文链接：https://blog.csdn.net/tzdwsy/article/details/47375495

版权

项目中出现一种需求：对某列表中元素进行手动排序，若使用按钮单击来向上或者向下效率低下，若直接手动输入序号更不科学=.=。

因此最好的方式就是能够实现手动拖动某个行到想要的位置。因此首先需要实现datagrid的拖拽操作。其次就是后端的数据处理了。

超简单。。。。引入datagrid-dnd.js，然后enable之即可。


    <script src="./datagrid-dnd.js"></script>


    //载入后的触发事件
    onLoadSuccess(data){
        //启用dnd支持
        $('#table').datagrid('enableDnd');

        //可选-绑定dnd的触发事件

关注