EasyUI【Tree】
1,EasyUI的tree控件需要填充的JSON数据的格式是[]JSON数组而不是对象
$(function () { $('#tree').tree({ url: '/ajax/XmlTree.ashx', onClick: function (node) { if (node.attributes) { Open(node.text, node.attributes.url); } alert(node.attributes.url);//其中一种方式 OpenTab(title, url, icon); return false; //使超链接的单击事件失效 } }); }); /* 打开一个标签 */ function OpenTab(title, url, icon) { /** 如果这个标题的标签存在,则选择该标签 否则添加一个标签到标签组 */ if ($("#tabs").tabs('exists', title)) { $("#tabs").tabs('select', title); } else { $("#tabs").tabs('add', { title: title, content: createTabContent(url), closable: true, icon: icon }); } } ///* 生成标签内容 */ function createTabContent(url) { return '<iframe style="width:100%;height:100%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>'; } //使用a标签生成的tree的取值方式 $(function(){ $("#menu a").click(function(){ var title=$(this).text(); var url=$(this).attr("rel"); var icon=$(this).attr("icon"); OpenTab(title,url,icon); return false; //使超链接的单击事件失效 }); });