coolite学习记录-动态 tab创建

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

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

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

大家可以去看一下

---

---

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

 

type="text/javascript"><!--
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代码的过程

 

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

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

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