EasyUI tree实现默认点击第一个节点
1、html中设置<ul id="DoctypeTree" animate="true"></ul>显示tree。
2、在加载js时候先注册tree。
3、然后在加载树列表时添加如下方法:
2、在加载js时候先注册tree。
3、然后在加载树列表时添加如下方法:
onLoadSuccess:function(node,data){
("#DoctypeTree li:eq(0)").find("div").addClass("tree-node-selected"); //设置第一个节点高亮
var n = $("#DoctypeTree").tree("getSelected");
if(n!=null){
$("#DoctypeTree").tree("select",n.target); //相当于默认点击了一下第一个节点,执行onSelect方法
}
}
$('#DoctypeTree').tree({ url : 'doctype/FarmDoctypeLoadTreeNode.do', onSelect : function(node) { $('#PARENTID_RULE').val(node.id); $('#PARENTTITLE_RULE').val(node.text); searchDoctype.dosearch({ 'ruleText' : searchDoctype.arrayStr() }); }, loadFilter : function(data, parent) { return data.treeNodes; }, onLoadSuccess:function(node,data){ $("#DoctypeTree li:eq(0)").find("div").addClass("tree-node-selected"); //设置第一个节点高亮 var n = $("#DoctypeTree").tree("getSelected"); if(n!=null){ $("#DoctypeTree").tree("select",n.target); //相当于默认点击了一下第一个节点,执行onSelect方法 } } }); |
版权保护: 本文由 PM小曹社区 收录,转载请保留链接: http://www.pmxiaocao.com/jsgh/2019_58.html