EasyUI 생성 트리, 탭 열기 클릭

2378 단어 easyui
function init() {
	var treeData = [ {
		text : " ",
		children : [ {
			text : " 1",
			attributes : {
				url : "editDataGrid2.do"
			}
		}, {
			text : " 2",
			attributes : {
				url : ""
			}
		}, {
			text : " 3",
			state : "closed",
			children : [ {
				text : " 1",
				attributes : {
					url : ""
				}
			}, {
				text : " 2",
				attributes : {
					url : ""
				}
			}, {
				text : " 3",
				attributes : {
					url : ""
				}
			} ]
		} ]
	} ];
	
	
    // 
    $("#tree").tree({
        data : treeData,
        lines : true,
        onClick : function (node) {
            if (node.attributes) {
                Open(node.text, node.attributes.url);
            }
        }
    });
    
    // center , tab
    function Open(text, url) {
    	var contents ='<iframe id="tabs_'+text+'" scrolling="auto" frameborder="0" src="" style="width:100%; height:99%">fdfdf</iframe>';
        if ($("#tabs").tabs('exists', text)) {
            $('#tabs').tabs('select', text);
        } else {
            $('#tabs').tabs('add', {
                title : text,
                closable : true,
                content : contents
            });
        }
        $("#tabs_"+text).attr("src", url);//redEx.do //url
    }
}

  
	<div region="west" class="west" title="NAVIGATION">
		<ul id="tree"></ul>
	</div>

 
 	<div id="conter" data-options="region:'center'" style="overflow:hidden;">
		<div id="tabs" class="easyui-tabs" data-options="fit:true,border:false" style="border: 0px solid;width: 100%; height: 100%;">
</div>
</div> 

좋은 웹페이지 즐겨찾기