復(fù)制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<style type="text/css">
body{font-size:12px;}
</style>
</head>
<body>
TabPanel控件學(xué)習(xí)
</body>
</html>
復(fù)制代碼 代碼如下:
protected void CreataTab_Click(object sender, AjaxEventArgs e)
{
var tab = new Tab("通過(guò)AjaxEvent新增Tab");
tab.TabIndex = short.Parse("11");
tab.ID = "tabID";
tab.AutoLoad.Url = "http://m.survivalescaperooms.com";
tab.AutoLoad.NoCache = true;
tab.AutoLoad.Mode = LoadMode.IFrame;
this.tabPanel.Tabs.Add(tab);
this.tabPanel.ActiveTab = tab;
}
<ext:Button runat="server" Text="動(dòng)態(tài)添加子標(biāo)簽選項(xiàng)">
<AjaxEvents>
<Click OnEvent="CreataTab_Click">
<EventMask ShowMask="true" Msg="正在加載"/>
</Click>
</AjaxEvents>
</ext:Button>
復(fù)制代碼 代碼如下:
<ext:Button runat="server" Text="添加Tab(Client)">
<Listeners>
<Click Handler="addTab(#{tabPanel}, 'tabCnblogs', 'http://m.survivalescaperooms.com');" />
</Listeners>
</ext:Button>
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function addTab(tabPanel, id, url) {
var tab = tabPanel.getComponent(id);
if (!tab) {
tab = tabPanel.add({
id: id,
title: url,
closable: true,
autoLoad: {
showMask: true,
url: url,
mode:'iframe',
maskMsg: '正在加載 '
}
});
}
tabPanel.setActiveTab(tab);
}
</script>
新聞熱點(diǎn)
疑難解答
圖片精選
