Coolite Toolkit学习笔记八：常用控件TabPanel
2010-12-12 09:27
357 查看
TabPanel控件使用非常简单，但是功能却非常强大，它同MenuPanel、TreePanel一样提供了很多的集合属性，可以定制出丰富的应用。其中用得最多的就是他的Tabs属性，用于定义子标签选项，可参考下图所示：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
</head>
<body>
TabPanel控件学习
</body>
</html>
<ext:ScriptManager ID="ScriptManager1" runat="server">
<Listeners>
<DocumentReady Handler="addToTabPanel();" />
</Listeners>
</ext:ScriptManager>
</script>
<ext:TreePanel ID="myTreePanel" runat="server" Title="音乐播放" Width="160">
<Root>
<ext:TreeNode Text="歌曲列表" Expandable="True" Icon="Cd">
<Nodes>
<ext:TreeNode Text="水木年华" Icon="Music">
<Nodes>
<ext:TreeNode Text="一生有你" Icon="ControlPlay" />
<ext:TreeNode Text="完美世界" Icon="ControlPlay" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="宇桐非" Icon="Music">
<Nodes>
<ext:TreeNode Text="擦肩而过" Icon="ControlPlay" />
<ext:TreeNode Text="不要放弃" Icon="ControlPlay" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="寂寞在唱歌" Icon="Music">
<Nodes>
<ext:TreeNode Text="阿桑" Icon="ControlPlay" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="徐誉滕" Icon="Music">
<Nodes>
<ext:TreeNode Text="等一分钟" Icon="ControlPlay" />
</Nodes>
</ext:TreeNode>
<ext:TreeNode Text="马天宇" Icon="Music">
<Nodes>
<ext:TreeNode Text="依然在一起" Icon="ControlPlay" HrefTarget="http://www.baidu.com" />
</Nodes>
</ext:TreeNode>
</Nodes>
</ext:TreeNode>
</Root>
</ext:TreePanel>
注：此文章转载至Bēniaǒ成长笔记
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Coolite Toolkit学习笔记八：常用控件TabPanel
- Coolite Toolkit学习笔记三：基本控件之Button、TextField、DataField、ComboBox 推荐
- Coolite(八):常用控件TabPanel
- Android 学习笔记之常用控件
- ExtJs学习笔记(8)_TabPanel的用法
- Silverlight 2学习笔记二：三个基本布局控件(Canvas、StackPanel、Grid )
- ExtJS学习笔记之四------- TabPanel
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页
- ASP.Net Ajax 学习笔记（2）：UpdatePanel控件（中）
- FreeBASIC学习笔记——FireFly常用控件值按钮（Button）和标签（Label）
- Coolite Toolkit学习笔记一：AjaxEvent、AjaxMethod和Listeners
- QT学习笔记11常用控件
- IOS学习笔记--IOS常用控件汇总
- Android 常用控件 学习笔记
- VC学习笔记3常用控件
- Sharepoint学习笔记—Ribbon系列-- 5. 在Ribbon中添加新控件(针对用户自定义Tab)
- 学习笔记：Tab Bar 控件使用详解
- ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport（转）
- Android Material Design常用控件学习笔记
- Python 【Tkinter 常用控件】 学习笔记