多语言展示
当前在线:845今日阅读:176今日分享:34

EasyUI Tree怎样解决无法拖拽?

EasyUI Tree的节点是可以进行拖拽的,但有时发现无法进行拖拽,下面通过简单的设置来实现拖拽 $('#div').append('
    ');    $('#Tree').tree({        data: TreeData,        lines: true,          //显示树线        dnd: true,          //可拖动        animate: true,    //展开效果        onClick: function (node) {        },        onBeforeDrag: function (data) {           //拖拽前事件 返回false 则不允许拖拽这个节点        },        onBeforeDrop: function (target, source) {            //返回false 则不允许放在这个节点        },        onDrop: function (target, source, point) {        }    });
    工具/原料

    EasyUI Tree

    方法/步骤
    1

    首先需要生成一个Tree所在的元素位置$('#div').append('

      ');

      2

      对 Tree初始化,形成树节点,同时增加拖拽的方法

      3

      事件: onBeforeDrag: function (data) {           //拖拽前事件 返回false 则不允许拖拽这个节点        },

      4

      事件: onBeforeDrop: function (target, source) {            //返回false 则不允许放在这个节点        },

      注意事项
      1

      增加的Tree元素必须是ul类型,不可为div,防止拖拽失效报错

      2

      若是不是用节点的拖拽功能div 也可形成EasyUI的树

      推荐信息