summaryrefslogtreecommitdiffstats
path: root/openo-portal/portal-common/src/main/webapp/common/thirdparty/zTree/api/cn/setting.callback.onDragMove.html
blob: 1844043c739d002d4821d2c5177af51a85cc56b2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<div class="apiDetail">
<div>
	<h2><span>Function(event, treeId, treeNodes)</span><span class="path">setting.callback.</span>onDragMove</h2>
	<h3>概述<span class="h3_info">[ 依赖 <span class="highlight_green">jquery.ztree.exedit</span> 扩展 js ]</span></h3>
	<div class="desc">
		<p></p>
		<div class="longdesc">
			<p>用于捕获节点被拖拽过程中移动的事件回调函数</p>
			<p class="highlight_red">主要用于捕获 zTree 节点拖拽到的 DOM,从而操作对应的 DOM。</p>
			<p>默认值:null</p>
		</div>
	</div>
	<h3>Function 参数说明</h3>
	<div class="desc">
	<h4><b>event</b><span>js event 对象</span></h4>
	<p>标准的 js event 对象</p>
	<h4 class="topLine"><b>treeId</b><span>String</span></h4>
	<p>被拖拽的节点 treeNodes 所在 zTree 的 <b class="highlight_red">treeId</b>,便于用户操控</p>
	<h4 class="topLine"><b>treeNodes</b><span>Array(JSON)</span></h4>
	<p>要被拖拽的节点 JSON 数据集合</p>
	</div>
	<h3>setting & function 举例</h3>
	<h4>1. 拖拽节点时,随时输出 当前拖拽到的目标 DOM</h4>
	<pre xmlns=""><code>function zTreeOnDragMove(event, treeId, treeNodes) {
    console.log(event.target);
};
var setting = {
	callback: {
		onDragMove: zTreeOnDragMove
	}
};
......</code></pre>
</div>
</div>
-input}, #{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect}, #{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #777; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; @include border-radius($input-padding); @include whenHover { @include box-shadow(0px 0px 4px rgba(0,0,0,0.3)); border-color: #999; } } /* PRESENTATION */ /* Buttons */ div#{$class-wrapper}#{$class-button} { span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } @include whenHover { span { color: #555; } } @include whenDisabled { span { color: #bbb; } } } /* Select */ div#{$class-wrapper}#{$class-select} { font-size: 12px; span { color: #666; text-shadow: 0 1px 0 #fff; } select { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; } @include whenDisabled { span { color: #bbb; } } } /* Checker */ div#{$class-wrapper}#{$class-checkbox} { margin-right: 5px; } /* Radio */ div#{$class-wrapper}#{$class-radio} { margin-right: 3px; } /* Uploader */ div#{$class-wrapper}#{$class-upload} { span#{$class-action} { text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } span#{$class-filename} { color: #777; border-right: solid 1px #bbb; font-size: 11px; } @include whenDisabled { span#{$class-action} { color: #aaa; } span#{$class-filename} { border-color: #ddd; color: #aaa; } } } #{$class-wrapper-element}#{$class-wrapper} input#{$class-input} { &, &:focus { background-color: #fff; } }