jQuery MiniUI

标题: 关于动态tab的问题 [打印本页]

作者: lifestyle.m1k 时间: 2013-6-25 15:13:46 标题: 关于动态tab的问题

布局是这样的，左边是一个treeview，右边是一个tab容器，动态点击左边tree节点，在tab容器中动态添加一个新tab，每个tree节点里面，我设置的都有tab的iconCls属性样式，但是我发现我添加进去的tab都没有显示图标，我看api也没找到相应的设置。

作者: felt 时间: 2013-6-25 15:50:08

可以的，你看下iconCls的格式对不对。
tab.iconCls="icon-xxx"

作者: lifestyle.m1k 时间: 2013-6-25 18:17:33

felt 发表于 2013-6-25 15:50
可以的，你看下iconCls的格式对不对。
tab.iconCls="icon-xxx"

是对的，我左边的treeview载入的是一个txt文本文件，在文本文件里面，我的样式都已经写进去了。

作者: factory 时间: 2013-6-26 09:12:06

lifestyle.m1k 发表于 2013-6-25 18:17
是对的，我左边的treeview载入的是一个txt文本文件，在文本文件里面，我的样式都已经写进去了。 ...

var tab = {}
tab.title = "newTab";
tab.iconCls="xxx"

tabs.addTab(tab,index);

作者: lifestyle.m1k 时间: 2013-6-26 09:26:06

factory 发表于 2013-6-26 09:12
var tab = {}
tab.title = "newTab";
tab.iconCls="xxx"

能不能在通过showTab函数传入node的时候，把node对应的iconCls函数传递给当前的tabiconCls呢？

作者: lifestyle.m1k 时间: 2013-6-26 09:28:25

factory 发表于 2013-6-26 09:12
var tab = {}
tab.title = "newTab";
tab.iconCls="xxx"

好了，我解决了。
感谢指点。
把传入的当前node节点的iconCls属性值指给当前要生成的这个tab的iconCls属性值就可以了。
if (!tab) {
tab = {};
tab.name = id;
tab.title = node.text;
tab.showCloseButton = true;
tab.iconCls = node.iconCls;
tab.url = node.id + ".jsp";
tabs.addTab(tab);
}

作者: factory 时间: 2013-6-26 09:29:11

lifestyle.m1k 发表于 2013-6-26 09:26
能不能在通过showTab函数传入node的时候，把node对应的iconCls函数传递给当前的tabiconCls呢？ ...

node={iconCls:"aa",title:"bbb"}
showTab(node);

function showTab(node){
tab.title = node.title;
tab.iconCls = node.iconCls;
}

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)