coolite学习记录-动态 tab创建

前几天接触了coolite感觉非常好的一个东西，自己在研项目也可以用，所以就开始研究。

官方网站：http://www.coolite.com/

实例网站：http://examples.coolite.com/

大家可以去看一下

---

---

下面带来的是coolite的Tab的动态绑定

 

代码

type = " text/javascript " & gt; & lt; !--
function addTab(tabPanel, id, url)  {
var tab = tabPanel.getComponent(id);
if (!tab) {
tab = tabPanel.add({
// id: id, 这里大家注意了大家可以把就ID注释掉，在下面调用的时候就不用根据tab的ID就可以动态的产生tab了
title: url,
closable:true,
autoLoad: {
showMask: true,
url: url,
mode:'iframe',
maskMsg: 'Loading ' + url + ''
}
});
}
tabPanel.setActiveTab(tab);
}
//  --></mce:script>

下面是调用这个JavaScript代码的过程

 

代码

& lt;ext:MenuItem ID = " xiaomu "  runat = " server "  Text = " xiaomu " & gt;
& lt;Listeners & gt;
& lt;Click Handler = " addTab(#{TabPanel1}, 'google', 'http://www.google.com'); "   /& gt;
& lt; / Listeners & gt;
& lt; / ext:MenuItem & gt;

这里面的google本身是一个参数，是创建新tab的ID，因为上文的我处理了JS函数，所以这里随便传值就OK了。

这样这实现了动态的调用。