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

前台页面：

<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

{

pathunshift(parenttext);

var

parent

=

treetree('getParent',

parenttarget);

}

while

(parent);

var

pathStr

=

'';

for

(var

i

=

0;

i

<

pathlength;

i++)

{

pathStr

+=

path[i];

if

(i

<

pathlength

-

1)

{

pathStr

+=

'

-

';

}

}

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

}

});

}

});

}

如上，关键代码在onSelect事件中。

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

temp=node;

var children=$('#myul')tree('getChildren',temptarget);

或者更简单的（只判断是否是叶子节点,即没有子节点的节点）

if($('#myul')tree('isLeaf',temptarget)){

}

loadFilter:function myLoadFilter(data, parent)

的时候 怎么根据这个parent来得到父节点的id？我直接parentid得到的是dom对象的id，不是数据中的id。

我最终的目的是想在展开一个节点的时候，把第几级节点也提交上去，，，这样我后台好拿数据。。因为第一级节点和第二级节点的id是可能重复的，所以一定要提交一下是第几级节点。

1、在创建的web项目新建静态页面，并将EasyUI核心CSS和JavaScript文件，注意文件引入的先后顺序。

2、在body插入树形结构数据，设置树容器ID，这里利用的是树的种类来作为树的数据源。

3、为了使单选树改成复选树，需要设置tree的属性checkbox为true，表示可以多选。

4、在tree控件下方插入一个按钮，使用点击事件用于获取tree控件选中的文本内容。

5、下面编写按钮点击事件，获取tree控件选中的节点，并遍历选中树节点打印出节点内容。

6、预览静态页面，点击“选取选中值”按钮，这时会在浏览器下方打印出选中复选框的树节点值。

为jQuery-easyui 树添加，删除，修改树的节点，可能有人会说 *** 作完成以后刷新一下不就可以了吗。这种做法是可以，但是如果你的数据有很多，超过几万条。 *** 作完成后在刷新会很慢，效率不高。我们这里要讨论如何在不刷新的情况下外树添加，修改，删除节点。

首先在主页面添加几个方法：

[javascript] view plain copy

function removeRole(){

var node = $("#tt22")tree("getSelected");

$('#tt22')tree('remove', nodetarget);

}

function appendRole(leafText) {

var root = $("#tt22")tree('getRoot');

$("#tt22")tree("append",{

parent: roottarget,

data: [{

"text":leafText

}]

});

}

function updateRole(nodeText) {

var node = $("#tt22")tree("getSelected");

if(node) {

nodetext = nodeText;

$("#tt22")tree("update", node);

}

}

然后在 *** 作的时候，比如我添加一个角色，在action中添加三个变量： name：角色名称 operate：对应的 *** 作 role_id：角色Id

[java] view plain copy

requestsetAttribute("roleName", roleName);

requestsetAttribute("operate", operate);

requestsetAttribute("role_id", role_id);

然后在角色页面调用主页面定义的三个方法即可：

[javascript] view plain copy

$(function() {

var upd_flg = "${upd_flg}";

var add_role_id = "${add_role_id}";

var add_role_name = "${add_role_name}";

if((upd_flg == null) || (upd_flg == "")) {

return;

}

var leafText = "<a href=\"<%=path%>/admin/roleListOnloaddorole_id=";

leafText = leafText + add_role_id;

leafText = leafText + "\"";

leafText = leafText + " target=\"content_frame\">";

leafText = leafText + add_role_name;

leafText = leafText + "</a>";

if(upd_flg == "1") {

//新增

selfparentappendRole(leafText);

return;

}

if(upd_flg == "2") {

//修改

selfparentupdateRole(leafText);

return;

}

if(upd_flg=="3"){

//删除

selfparentremoveRole();

return;

}

});

以上就是关于easyui中combotree循环获取父节点至根节点并输出路径实现方法全部的内容，包括:easyui中combotree循环获取父节点至根节点并输出路径实现方法、如何判断easyui中tree所选中的节点是叶子节点、easyui的tree怎么获取父节点的id等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！