关于easyUI选项卡布局

用easyUI布局很快,easyUI选项卡这个很方便做新的窗口,对应选项卡里面的面板,例如创建选项卡包含内容:动态创建选项卡tab,然后内容指向对应的html.

$("#person-list").click(function(){
$('#tt').tabs({
border:false,
onSelect:function(title){
}
});

$('#tt').tabs('add',{
title:'人员列表',
content : '<iframe name=""src="personal-list.html" width="100%" height="100%" frameborder="0" scrolling="auto" ></iframe>',
closable:true,
tools:[{
handler:function(){
alert('refresh');

}
}]
});
});
特么说明用iframe(必须用到这个),因为easyUI选项卡里面content是个div然后内容是链接到另一个网页,easyUI这个选项卡面板布局读取时候会忽略head标签,
所以你的css,js都不会被读取,而且,你就算放在body里面,他会重新读取覆盖主页的js和jq就会出一些bug。

posted @ 2018-03-06 17:30  陈长生  阅读(494)  评论(0)    收藏  举报