在参与项目的开发中,遇到了这样一个问题。tabs标签不能实现自动选择,只能够创建新的tab.
在第一次验收中,公司那边就提出了需求,要通过点击左边的功能选项来选择相对应的标签,而不仅限于创建。
这个问题解决办法很简单,就是几行代码的事儿。在cshtml页面修改如下:
///添加人:齐伟
///添加日期: <2015-11-29>
if ($('#tabs').tabs('exists', title)) {
$('#tabs').tabs('select', title); //如果标签存在,那么自动选择
}
///结束:
//否则创建标签
else {
var content = '<iframe scrolling="auto" frameborder="0" src=" ' + url + '" style="width:100%;height:100%;"></ifrmae>';
$('#tabs').tabs('add', {
title: title, //创建的标签
content: content, //创建标签所对应的页面内容
closable: true //选项卡面板将显示一个关闭按钮,在点击的时候会关闭选项卡面板。
});
}
通过此代码,就能够顺利地实现标签的自动选择和创建。
附一张效果图: