CooliteToolkit学习笔记四：容器控件之FiledSet、Panel和Window.docVIP

Coolite Toolkit学习笔记四：容器控件之FiledSet、Panel和Window 一、FieldSet控件??????FieldSet控件在开发中使用率还是很高的，毕竟Web中微软没有提供Group控件，通常都是使用FieldSet来进行表单等界面布局分组。在Coolite Toolkit中则专门提供了这样一个控件，同时还为其附加了很多其他的功能属性和方法。 ext:FieldSet?ID=FieldSet1?runat=server?Collapsible=True?Height=200px?Title=FieldSet分组?Width=200px????Body????????table?border=0?cellpadding=0?cellspacing=0????????????tr????????????????td日期：/td????????????????td????????????????????ext:DateField?ID=DateField2?runat=server/????????????????/td????????????/tr????????/table????/Body/ext:FieldSet ??????Title、Height以及Width这些最基本的属性完全可以不去记忆，Collapsible属性是用来设置FieldSet是可折叠状态。上面代码片段的远行效果如下所示：?????????????????? 二、Panel控件??????前面分析了FieldSet控件，可以用来做界面布局的分组，以及通过相关属性设置使其成为更为高级的应用操作。FieldSet所具备的这些特性对于Panel来说也是同样具备的。在ASP.NET里也提供得有Panel控件，那么Coolite Toolit所提供的相比ASP.NET里的Panel有什么特色呢？呵呵，特色可多了，请你继续看下面?????? Panel控件我个人理解就是一个容器控件，不用它我自己随便通过一个html标签然后设置其runat=server一样的可以达到等同的效果。Coolite Toolkit所提供的Panel同样如此，只是他在ASP.NET的Panel基础上扩展了一些常用的功能点，包括动态设值，外嵌其他的Web也面等多项功能。 %--ext:Panel?ID=Panel2?runat=server?Height=300?Title=Title--%ext:Panel?ID=Panel1?runat=server?Height=300?Title=Title?????Collapsible=true?Width=300????Body????/Body/ext:Panel ??????同FieldSet控件一样直接提供了公开属性设置是否允许折叠。如上html代码片段，在body标签里可以放置我们需要在界面上呈现是元素，除此之外它还提供了一个属性(Html)，通过该属性也可以设置其显示内容，如下： ext:Panel?ID=Panel2?runat=server?Height=100?Title=Title?????Collapsible=true?Width=300?Html=h5通过HTML属性设置其显示的内容/h5/ext:Panel ??????在使用该控件的时候需要注意，虽然body标签和Html属性都可以设置控件所呈现的内容，但是这里有一定的约束，body标签和Html属性不能同时使用。?????????????????????????通过属性设置其要呈现的内容，控件还提供了属性用来设置其将自动加载的数据(比如一个页面，类似与IFrame的功能)。 ext:Panel?ID=Panel3?runat=server?Height=100?Width=400?Title=Title????Body????/Body/ext:Panelscript?type=text/C#?runat=server????protected?void?Page_load(object?sender,?EventArgs?e)????{????????this.Panel3.AutoLoad.Url?=?;????????this.Panel3.AutoLoad.NoCache?=?true;????}/script ext:Panel?ID=Panel3?runat=server?Height=125px?Title=自动加载内容?????Width=400px??Collapsible=true????Body????/Body????Au