easyui

一、树 treee

属性：

id:

text:

state:"open"/"closed"

iconCls:'icon-user-home'

children:[子节点]

数据来自json

父节点

子节点

判断其是不是子节点 getChildren .length 后代

二、选项卡 tabs

判断其是否存在 exists 存在就让其选中 select 不存在就新增一个

三、easyui如何使用图标

更新icons图标库 icon.css

$(function() {
        $('#myTree').tree({
            url : ctx + '/module.do', //請求地址 servlet
            animate : true,
            onDblClick : function(node) {
                alert(node.url);
                //判断是否是子节点
                var nodes = $('#myTree').tree('getChildren', node.target);
                //alert(nodes.length);
                if (nodes.length == 0) {
                    var tab = $('#myTab').tabs('exists', node.text);
                    if (!f) {
                        $('#myTab').tabs('add', {
                            title : node.text,//标题
                            content : '<iframe> width="100%" height="100%" scrolling="no" frameborder="0" src="'+node.url+'"></iframe>', //內容 
                            closable : true, //可关系
                        iconCls:node.iconCls//图标
                        });
                    }
                }
                //判断选项卡是否存在
                else {//存在就让其选中
                    $('#myTab').tabs('select', node.text);
                }
            }
        });
    })