ASP.NET服务器控件

服务器控件就是在服务器端解析的控件,在ASP.NET中,就是有runat=server的控件,这些控件经处理后会生成客户端呈现代码发送到客户端,本质上说,服务端控件就是.NET框架中的类。

ASP.NET服务器控件控件可分为以下几类:

1.HTML服务器控件

它把标准客户端控件封装成类,这些类位于System.Web.UI.HtmlControls命名空间中

(如Htmltable,HtmlButton,HtmlHead等)。它们继承自HtmlControls,它们共有的基本属性有Attributes,Style,Disabled,TagName。事实上把任何标准客户端控件加上属性runat=server,就把这些客户端控件变成了HTML服务器控件,这时我们就可以在后置代码中处理这些控件了。注意这时成为了服务器控件了有"三个ID",同时许多服务器控件的操作都能实现(http://kendezhu.iteye.com/blog/718294)。Attributes属性是一个AttributeCollection类型的集合类,需要传递一个键/值对集合,Style属性是一个CssStyleCollection集合,也需要传递一个键/值对集合。如:

<input id="Button1" type="button" value="button" runat="server"/>

后置代码:Button1.Attributes.Add("onclick","alter('给我增加了一个客户端事件')");

Button1.Style.Add("background-color","green");

Html服务器控件中有许多容器控件,如Htmltable,Div,Span等,它们拥有的共同属性有InnerHtml(是返回或者设置容器控件开闭标签内的HTML文本)和InnerText(是返回或者设置容器控件开闭标签内的纯文本,HTML文本将被解析为纯文本)。

直接双击Html服务器控件,会在head里自动添加客户端事件,要想Html服务器控件触发服务端事件,要

<input type="button" id="button1" runat="server" value="上传" onserverclick="buttonclick" />添加一个onserverclick事件，在后置代码里:

protected void buttonclick(object sender,EventArgs e)

{

}

有俩参数,第一个是触发事件的对象,通常是object类型,第二个是参数信息,大多数事件的参数类型是

EventArgs。

3.验证控件

在ASP时代,未防止用户随意地输入错误数据,通常要编写大量的javascript代码,在客户端提前预防错误。ASP.NET 3.5提供了5中验证控件,其中4个用于对指定类型的错误进行验证,还有一种可以提供自定义的验证。这些控件大多在客户端完成验证过程,也可以定义服务器的验证方式。验证控件位于System.Web.UI.Webcontrols命名空间中,它们都派生自BaseValidtor基类。他们所共有的成员有:

ControlToValidate(指定要验证的控件)Display(指定错误消息如何显示,Static或Dynamic)

EnableClientScript(是否允许客户端验证)ErrorMessage(显示在错误汇总ValidationSummary控件中的错误消息)Text(在验证控件旁边显示的错误文本)IsValid(判断相应的控件值是否有效)

SetFocusOnError(当验证失败时,是否将焦点位于出错的控件上)ValidationGroup(当页面存在多个验证控件时,指定分组,将避免验证冲突)

RequiredFieldValidator:必须输入验证。

RangeValidator:输入范围验证,主要属性Type等。

CompareValidator:比较验证,主要属性有:ControlToCompare(和那个控件的值比较),Type,

ValueToCompare(和某个固定值比较)。

RegularExpressionValidator:正则表达式验证,主要属性有ValidationExpression(正则表达式)。

CustomValidator:自定义验证,主要属性ClientValidationFunction(客户端验证,指定客户端函数名),

ServerValidate事件(服务端验证)。

CustomValidator控件客户端验证举例:

function kehuduan(ct1,args)

{    获取要验证的值            args.IsValue用于返回验证结果是否符合

if(args.Value=="刘德华"){args.IsValue=true}else{args.IsValue==false}

}

CustomValidator控件服务端端验证举例:(要声明ServerValidate事件,该事件在客户端验证完后,页面产生回发后执行,一般用于与业务逻辑相关的验证)

Protected void CustomValidator1_ServerValidate(object sender,ServerValidateEventArgs args)

{

try{args.IsValid=args.Value=="刘德华";}catch{args.IsValid=false;}

}

ValidationGroup属性是用来把验证控件与一些触发验证的控件(比如Button)分成一组的属性,比如页面上有三个TextBox和它们的验证控件及三个Button,如果不分组的话,单击任何一个Button都会触发所有的验证控件对自己所验证的TextBox进行验证。分组的话,就只是与该Button一组的验证控件对自己所验证的TextBox进行验证。Button有一个属性CausesValidation,设置其是否触发验证。

要访问页面上所有的验证控件,可以使用Page.Validators集合属性来遍历,如:

Protected void CheckBox1_CheckedChanged(object sender,EventArgs e)

{

foreach(BaseValidator item in Page.Validators)

{

item.Enable=CheckBox1.Checked;

item.EnableClientScript=CheckedBox2.Checked;

}

}

用两个CheckBox来设置这些验证控件是否允许验证和是否允许客户端脚本。

4. 高级Web服务器控件:

属于Web服务器控件的范畴,这些控件具有更高级的性能和特性,并且会生成大量

的HTML标记和JavaScript脚本来创建用户界面,比如Calendar控件,AadRotator及TreeView控件等。

Calendar日历控件主要有两方面的更能:显示和选择日期,在日历网格中显示约会或其他信息。

可以使用Calendar的智能标签为其选择一种外观,可以通过SelectionChanged事件来获取当前选择的日期:

protected void Calender1_SelectionChanged(object sender,EventArgs e)

{

Label1.Text="当前日期为"+Calender1.SelectedDate.ToShortDateString()；

}

用SelectedDate属性可以获得选择的日期。

而SelectionMode属性枚举(Day:可以选单个日期,DayWeek:可选单个日期或整周,DayWeekMonth:可选单个

日期,整周或整月)如果选了后两种模式,就可以通过设置FirstDayOfWeek属性来设置一周的第一天是星期几。

用SelectedDates属性可以获得选的多个日期。

Protected void Calendar_SelectionChanged(object sender,EventArgs e)

{

Label1.Text="当前选择的日期为:<br/>";

foreach(DateTime dt in Calendar.SelectedDates)

{

Label1.Text=dt.ToShortDateString()+"<br/>";

}

}

其他样式属性:DayHeaderStyle(星期栏)DayStyle(日期)NextPreStyle(下一个月按钮)

OtherMonthDayStyle(其他月的日期)等。

Calendar有一个DayRender事件(当Calendar显示时触发),该事件提供了一个DayRenderEventArgs类型的

参数,通过该参数的Day属性可以获得Calendar里的日期,在该事件中我们可以设置一些限制:

protected void Calendar1_DayRender(object sender,DayRenderEventArgs)

{

if(e.Day.IsWeekend)

{

e.Day.IsSelectable=false; (设置不可选)

}

if(e.Day.IsOtherMonth)

{

e.Cell.Text="-";  e.Cell代表一个日期框

}

if(e.Day.Date.Month==3&&e.Day.Date.day==8)  判断日期是否为3月8号

{

e.Cell.BackColor=System.Drawing.Color.Red;

e.Cell.Text="三八妇女节";

}

}

MultiView控件可以让开发人员定义多个视图,在同一时刻只显示一个,如下代码:

<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">

<asp:View ID="view1" runat="server"></asp:View>

<asp:View ID="view2" runat="server"></asp:View>

<asp:View ID="view3" runat="server"></asp:View>

<asp:View ID="view4" runat="server"></asp:View>

</asp:MultiView>

每个View就代表一个视图,可以在里面添加任何代码。ActiveViewIndex代表View的索引,就是页面加载时

要显示的视图。可以通过MultiView的CommandName来转换视图,这个CommandName就是Button的一个属性,

其值可以取PrevView(上一视图)NextView(下一视图)SwitchViewByID(View的ID,可以从Button的

CommandArgument获得View的ID)SwitchViewByIndex(可以从Button的CommandArgument获得View的索引)

虽然MultiView控件很方便,但不要放过多的控件,因为每次页面回发时,每个控件状态都持续化到视图状

态中,会给页面增加负担,因此建议使用分页方式设计。

Wizard控件与MultiView控件非常相似,同一时刻只能显示一个视图,WizardStep相当于View。前者比后者

提供了更多的定制功能,比如导航按钮和模板功能等。可以通过智能标签来选择样式及添加删除修改步骤

,这里面的主要属性有:Title(步骤名)AllowReturn(过了这一步可不可以返回)。当然是用Wizard控件不

仅仅是显示用的,更重要的是要完成一些与客户的交互(比如注册等)。这就需要配合一些事件来完成这些

更能:ActiveStepChanged(当ActiveStepIndex改变时发生)CancelButtonClick(按下取消按钮时发生)

FinishButtonClick(按下完成按钮时发生)NextButtonClick与PrevousButtonClick(按下向下或向上按钮

时发生)SiderBarButtonClick(在侧边栏处单击时发生)。

protected void Wizard1_NextButtonClick(object sender, WizardNavigationEventArgs e)

{

if (Wizard1.ActiveStepIndex==0)

{

ViewState["0"] = TextBox1.Text;

}

if (Wizard1.ActiveStepIndex==1)

{

ViewState["1"] = TextBox2.Text;

}

}

protected void Wizard1_FinishButtonClick(object sender, WizardNavigationEventArgs e)

{

Label7.Text = ViewState["0"].ToString() + ViewState["1"].ToString() + ViewState["2"].ToString() + ViewState["3"].ToString();

}

protected void Wizard1_CancelButtonClick(object sender, EventArgs e)

{

ViewState["0"]=null;

ViewState["1"]=null;

ViewState["2"]=null;

ViewState["3"] = null;

Wizard1.MoveTo(this.WizardStep1);

}