jQuery MiniUI

标题: tree控件设置属性virtualScroll="true"以后，jQueryUI的draggable失效 [打印本页]
作者: loojacob    时间: 2018-10-9 16:51:22     标题: tree控件设置属性virtualScroll="true"以后，jQueryUI的draggable失效

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI 拖动（Draggable） - 默认功能</title>
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
  <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="jqueryui/style.css">

  <script>
function onTree1Load(e) {
    var data = e.data;
    var tree = e.sender;
    var node = data[0];
    // 加载第二级
    if (node && (node.id === "<ROOT>" || node.id === "0")) {
        tree.loadNode(node);
    }
    // 增加拖动功能
    $(".mini-tree-nodeshow:not(.ui-draggable)").draggable();
}

  </script>
</head>
<body>


<div id="tree1Content" class="mini-fit">
                                <!-- tree1 动态加载 -->
                                <ul id="tree1" class="mini-tree" url="service/lazyTreeNodes" style="width:100%; height:100%; display:block;"
                                showTreeIcon="true" textField="name" idField="id" parentField="pid"
                                showCheckBox="true" showFolderCheckBox="false"
                                virtualScroll="true" defaultRowHeight="26"
onload="onTree1Load">
                                </ul>
</div>

</body>
</html>



作者: loojacob    时间: 2018-10-9 16:52:20

请问有什么办法解决？
作者: felt    时间: 2018-10-9 18:25:36

loojacob 发表于 2018-10-9 16:52
请问有什么办法解决？

我们树节点本身有拖拽功能，不需要用jqueryui的拖拽
http://www.miniui.com/demo/index.html#src=tree/dragdrop.html
作者: loojacob    时间: 2018-10-9 19:43:28

felt 发表于 2018-10-9 18:25
我们树节点本身有拖拽功能，不需要用jqueryui的拖拽
http://www.miniui.com/demo/index.html#src=tree/dr ...

你好，我需要append to <body></body>，树节点支持吗？
作者: loojacob    时间: 2018-10-9 19:45:03

felt 发表于 2018-10-9 18:25
我们树节点本身有拖拽功能，不需要用jqueryui的拖拽
http://www.miniui.com/demo/index.html#src=tree/dr ...
  1. // 增加拖动功能
  2.     $(".mini-tree-nodeshow:not(.ui-draggable)").draggable({
  3.         helper: "clone",
  4.         appendTo: "body",
  5.         zIndex: 2000,
  6.         start: function (event, ui) {
  7.             // 开始拖动时给dialog加上遮罩
  8.             createMyDialogMask();
  9.         },
  10.         stop: function (event, ui) {
  11.             // 结束拖动时删除dialog的遮罩
  12.             removeMyDialogMask();
  13.         }
  14.     });
复制代码
像这样
作者: dforce    时间: 2018-10-10 09:16:37

loojacob 发表于 2018-10-9 19:45
像这样

1 不支持jqueryUI的拖拽
2 我们树节点的拖拽只能在树之间或单树上拖拽



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2