easyui中combotree循环获取父节点至根节点并输出路径实现方法
前台页面:
<prename="code"class="html"><tdstyle="height:35px"colspan="7"> <inputid="fm_AEType"class="easyui-combotree"style="width:240px"/> <labelid="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){ varparent=item; vartree=$('#fm_AEType').combotree('tree'); varpath=newArray(); do{ path.unshift(parent.text); varparent=tree.tree('getParent',parent.target); }while(parent); varpathStr=''; for(vari=0;i<path.length;i++){ pathStr+=path[i]; if(i<path.length-1){ pathStr+='-'; } } $('#fm_AETypePath').text(pathStr); } }); } }); }
如上,关键代码在onSelect事件中。
以上就是小编为大家带来的easyui中combotree循环获取父节点至根节点并输出路径实现方法全部内容了,希望大家多多支持毛票票~