账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    jQuery easyui 如何实现列拖拽
    28
    0

    想要实现easyui拖拽表头更换字段顺序功能,各位大牛可否给个思路

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 月中天白 普通会员 1楼

      在jQuery EasyUI中,可以使用Easyui.Draggable模块来实现列拖拽。以下是一个简单的例子:

      首先,你需要在HTML文件中引入EasyUI的拖拽控件:

      ```html

      ```

      然后,创建一个拖拽控件:

      ```html

      ```

      在JavaScript文件中,定义拖拽事件处理函数:

      javascript $(document).ready(function(){ var draggable = new Easyui.Draggable({ target: "#draggable", autoDrag: true, dragId: "draggable-drag", dragEnter: function dragEnter(e){ console.log("Drag enter"); }, dragLeave: function dragLeave(e){ console.log("Drag leave"); }, dragOver: function dragOver(e){ console.log("Drag over"); }, dragOut: function dragOut(e){ console.log("Drag out"); } }); });

      在拖拽事件处理函数中,可以定义拖拽时的行为。例如,如果用户开始拖拽,可以打印出“Drag enter”。

      最后,可以将拖拽控件绑定到DOM元素上,以便在拖拽时执行操作:

      ```html

      ```

      这样,用户就可以在拖拽时执行不同的操作了。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部