Coolite官方例子学习笔记六：一些控件介绍

一、按扭(Button)控件

① Button；②ImageButton；③LinkButton；④SplitButton

二、TextFiled控件

等同于ASP.NET里的TextBox控件

三、DataFiled控件

通过其SelectedData属性得到所选择的日期

四、ComboBox控件

DropDownList控件相同，能编辑录入

五、FieldSet控件

使用FieldSet来进行表单等界面布局分组

六、Panel控件

一个容器控件，FieldSet所具备的特性对于Panel来说也是同样具备。控件还提供了属性用来设置其将自动加载的数据(比如一个页面，类似与IFrame的功能)

七、Window控件

窗体控件，这个控件多数时候是应用在做弹窗效果。也是一个容器控件，只不过比其他的控件使用更为灵活，功能更强大，比如动态显示和隐藏（Show,Hide）、可拖拽性(Draggable)、模态(Modal)等

八、Menu控件和MenuPanel控件

Coolite Toolkit规定Menu控件需要一个容器来做依托，而这个让Menu依托的控件就是MenuPanel。MenuPanel里可以放置菜单项(MenuItem)，如果有子菜单，那么子菜单则对应于一个Menu控件

九、Accordion控件

可折叠的面板展示应用效果，必须放置在一个容器控件里（比如：Panel）。

十、ToolBar和ToolTip控件

工具栏(ToolBar)以及动态提示(ToolTip)，以方便用户操作。

十一、 Tree控件和TreePanel 控件

Coolite Toolkit中的Tree控件和Menu控件一样不能独立使用，他们必须依托与容器控件，理所当然Tree控件就依托于TreePanel 控件了。TreePanel 提供了很多的集合属性，可用来定制非常丰富的切功能强大的树型界面。包括事件、数据加载、按扭、自定义配置、根节点、工具栏、顶部和底部工具栏等等很多功能点。比如我们可以使用TopBar来定制一个树的顶部工具栏。

十二、 TabPanel控件

同MenuPanel、TreePanel一样提供了很多的集合属性，可以定制出丰富的应用。其中用得最多的就是他的Tabs属性，用于定义子标签选项

TabPanel最灵活的是动态的创建子标签选项，注意的是不能通过同步的事件驱动去创建，一但页面PostBack新创建的所有标签选项将被全部清除。如果一定要通过服务端后台代码去动态创建，可使用Coolite Toolkit所提供的AjaxEvent机制。

protected void CreataTab_Click(object sender, AjaxEventArgs e)
{
var tab = new Tab("通过AjaxEvent新增Tab");
tab.TabIndex = short.Parse("11");
tab.ID = "tabID";
tab.AutoLoad.Url = "http://www.cnblogs.com";
tab.AutoLoad.NoCache = true;
tab.AutoLoad.Mode = LoadMode.IFrame;
this.tabPanel.Tabs.Add(tab);
this.tabPanel.ActiveTab = tab;
}

<ext:Button ID="btnCreateTab" runat="server" Text="动态添加子标签选项">
<AjaxEvents>
<Click OnEvent="CreataTab_Click">
<EventMask ShowMask="true" Msg="正在加载。。。"/>
</Click>
</AjaxEvents>
</ext:Button>

十三、 FormLayout和FormPanel布局控件

FormLayout在我们平时开发中使用频率非常高，使用它可快速、方便的实现表单界面布局。Coolite Toolkit规定FromLayout控件必须放置在一个容器控件里，可以将其放置在Panel控件里。其实Coolite Toolkit专门为FromLayout控件提供了一个容器控件FromPanel于之搭配，其使用方法和Panel基本相同。通过FromPanel+FromLayout组合设计出来的UI界面效果更佳。另外FormLayout中 的LabelWidth属性可以进行相应的需要设置。

注：红色标注的需要放置在一个容器中使用。

2009-11-21