easyui中combotree循环获取父节点至根节点并输出路径实现方法

Posted 2023-03-19

参考技术A 前台页面：
<pre
name="code"
class="html"><td
style="height:
35px"
colspan="7">
<input
id="fm_AEType"
class="easyui-combotree"
style="width:
240px"
/>
<label
id="fm_AETypePath"
/>
</td></pre>
javascript页面（包括数据初始化）：
initAEType:
function
()

$.ajax(
url:
AEActionUrl
+
'?action=listaetype&ParentType=',
dataType:
'json',
success:
function
(jsonstr)

$('#fm_AEType').combotree(
data:
jsonstr,
editable:
false,
//lines:
true,
valueField:
'AE_TYPE_ID',
textField:
'AE_TYPE_NAME',
onLoadSuccess:
function
()

$('#fm_AEType').combotree('tree').tree("collapseAll");
,
onSelect:
function
(item)

var
parent
=
item;
var
tree
=
$('#fm_AEType').combotree('tree');
var
path
=
new
Array();
do

path.unshift(parent.text);
var
parent
=
tree.tree('getParent',
parent.target);

while
(parent);
var
pathStr
=
'';
for
(var
i
=
0;
i
<
path.length;
i++)

pathStr
+=
path[i];
if
(i
<
path.length
-
1)

pathStr
+=
'
-
';


$('#fm_AETypePath').text(pathStr);

);

);

如上，关键代码在onSelect事件中。
以上就是小编为大家带来的easyui中combotree循环获取父节点至根节点并输出路径实现方法全部内容了，希望大家多多支持脚本之家~