日常开发中,在一个页面里利用选项卡和iframe框架加载不同的页面,这种开发模式比较便利和普遍。本人用的是easyui框架。
easyui-tabs判断选项卡是否存在通用的方法是用exits方法,可以找到很多例子。
但是如果菜单存在重复名称,再用这种方式判断就不灵了。研究了好久,终于找到一种不用title和index判断是否存在重复选项卡的方式。
先看动态添加tab的代码:
//添加选项卡
function AddTabs(title, url) {
$("#tabs").tabs("add", {
title: "" + title + "",
closable: true,
selected: true,
content: "<iframe style='border:none;width:100%;height:600px;padding:0;margin:0;' src='" + url + "'></iframe>"
});
}
以上代码中iframe的高度并不通用,一般用jquery函数获取需要的高度再赋值。此文略过。
然后不用title和index判断是否重复:
//加载左侧导航菜单
$("#sm").sidemenu({
border: false