portal-common/src/main/webapp/common/thirdparty/zTree/api/cn/setting.edit.drag.prev.html

   1 <div class="apiDetail">\r
   2 <div>\r
   3         <h2><span>Boolean / Function(treeId, treeNodes, targetNode)</span><span class="path">setting.edit.drag.</span>prev</h2>\r
   4         <h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>\r
   5         <div class="desc">\r
   6                 <p></p>\r
   7                 <div class="longdesc">\r
   8                         <p>拖拽到目标节点时，设置是否允许移动到目标节点前面的操作。<span class="highlight_red">[setting.edit.enable = true 时生效]</span></p>\r
   9                         <p class="highlight_red">拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner</p>\r
  10                         <p class="highlight_red">此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 next、inner 一起使用，才能实现完整功能。</p>\r
  11                         <p>默认值：true</p>\r
  12                 </div>\r
  13         </div>\r
  14         <h3>Boolean 格式说明</h3>\r
  15         <div class="desc">\r
  16         <p> true / false 分别表示 允许 / 不允许 移动到目标节点前面</p>\r
  17         </div>\r
  18         <h3>Function 参数说明</h3>\r
  19         <div class="desc">\r
  20         <h4><b>treeId</b><span>String</span></h4>\r
  21         <p>对应 zTree 的 <b class="highlight_red">treeId</b>，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）</p>\r
  22         <h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>\r
  23         <p>被拖拽的节点 JSON 数据集合</p>\r
  24         <h4 class="topLine"><b>targetNode</b><span>JSON</span></h4>\r
  25         <p>拖拽时的目标节点 JSON 数据对象</p>\r
  26         <h4 class="topLine"><b>返回值</b><span>Boolean</span></h4>\r
  27         <p>返回值同 Boolean 格式的数据</p>\r
  28         </div>\r
  29         <h3>setting & function 举例</h3>\r
  30         <h4>1. 禁止拖拽到节点前面的操作</h4>\r
  31         <pre xmlns=""><code>var setting = {\r
  32         edit: {\r
  33                 enable: true,\r
  34                 drag: {\r
  35                         prev: false,\r
  36                         next: true,\r
  37                         inner: true\r
  38                 }\r
  39         }\r
  40 };\r
  41 ......</code></pre>\r
  42         <h4>2. 禁止拖拽到父节点前面的操作</h4>\r
  43         <pre xmlns=""><code>function canPrev(treeId, nodes, targetNode) {\r
  44         return !targetNode.isParent;\r
  45 }\r
  46 var setting = {\r
  47         edit: {\r
  48                 enable: true,\r
  49                 drag: {\r
  50                         prev: canPrev,\r
  51                         next: true,\r
  52                         inner: true\r
  53                 }\r
  54         }\r
  55 };\r
  56 ......</code></pre>\r
  57 </div>\r
  58 </div>