此网站为PM小曹的博客网站,致力于分享项目管理、技术干货、职场心得,欢迎关注交流!
当前位置:PM小曹社区 > 技术干货 > 正文

EasyUI tree实现默认点击第一个节点

07-03 技术干货 【作者:PM小曹】

1、html中设置<ul id="DoctypeTree" animate="true"></ul>显示tree。

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

尚未注册畅言帐号,请到后台注册
博客主人PM小曹
一枚技术型项目经理,从事编程开发达8年之久,项目管理4年之长,期待与你相识!
  • 文章总数
  • 38840访问次数
  • 建站天数
  • 欢迎关注博主微信公众号[PM小曹]

    微信公众号

    标签