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>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
EasyUI 생성 트리, 탭 열기 클릭텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.