设为首页收藏本站

jQuery MiniUI

 找回密码
 立即注册
jQuery MiniUI › 论坛 › MiniUI › 技术交流 › tree控件设置属性virtualScroll="true"以后，jQueryUI的 ...
返回列表 发新帖
查看: 4948|回复: 5
打印 上一主题 下一主题

tree控件设置属性virtualScroll="true"以后，jQueryUI的draggable失效 [复制链接]

loojacob

Rank: 2
跳转到指定楼层
楼主
发表于 2018-10-9 16:51:22 |只看该作者 |倒序浏览
<!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

Rank: 2
沙发
发表于 2018-10-9 16:52:20 |只看该作者
请问有什么办法解决？

举报

felt

Rank: 8Rank: 8
板凳
发表于 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

Rank: 2
地板
发表于 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

Rank: 2
5#
发表于 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

Rank: 8Rank: 8
6#
发表于 2018-10-10 09:16:37 |只看该作者
loojacob 发表于 2018-10-9 19:45
像这样

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

举报

返回列表 发新帖

Archiver|普加软件

GMT+8, 2025-2-25 17:41 , Processed in 1.025159 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部