APS + 中文教程(三)--服务器端控制(一)
2000-09-29 09:47:27 来源:WEB开发网核心提示:三、asp+ 服务器端控制 (Asp+ Server Control)上次讲了一些有关ASP + 服务器端控制的内容,现在来详细讲一下,APS + 中文教程(三)--服务器端控制(一),Asp + 服务器端控制是微软新提出的概念,它的实现是基于微软的.NET框架,如用vbscript或Javascript,用法很简单,
三、asp+ 服务器端控制 (Asp+ Server Control)
上次讲了一些有关ASP + 服务器端控制的内容,现在来详细讲一下。Asp + 服务器端控制是微软新提出的概念,它的实现是基于微软的.NET框架,它实际上是一种特殊的HTML元素,服务器端与它是交互的关系,在生成这些元素后不但能接受它们的值,还可以动态控制它们,以完成一些很COOL的功能。下面列出所有ASP + 目前支持的所有28个服务器端控制及其具体用法。
1、 Adrotator : 广告轮换服务器端控制,它的具体行为是在指定的xml文件里定义的,如下:
<Advertisements>
<Ad>
<ImageUrl>/quickstart/aspplus/images/banner1.gif</ImageUrl>
<NavigateUrl>http://www.microsoft.com</NavigateUrl>
<AlternateText>Microsoft.com</AlternateText>
<KeyWord>Computers</Keyword>
<ImPRessions>80</Impressions>
</Ad>
</Advertisements>
属性的含义:
<ImageUrl>: 要显示得图片绝对或相对路径。
<NavigateUrl>: 点击图片所指向的URL,如果为空则图片不能被点击。
<AlternateText>: 鼠标移动到图片上所显示的提示信息。
<Keyword>: 指定改广告页面的过滤关键字。
<Impressions>: 该广告的显示百分比,这个数值越高,显示的次数越多。
2、 button: 这个好理解,类似于传统表单中的Button,但用法稍有不同,具体用法我就不祥述了。
3、 Calendar: 一个很方便的日历控制,这样就不用再用javascript费劲编了,还得计算闰年什么的,要多烦有多烦,看下面的例子:
<html>
<head>
<script language="C#" runat="server">
void Date_Selected(object s, EventArgs e) {
Label1.Text = "Selected date is: " + Calendar1.SelectedDate.ToShortDateString();
}
</script>
</head>
<body>
<h3><font face="Verdana">Calendar Example</font></h3>
<form runat=server>
<asp:Calendar id=Calendar1 onselectionchanged="Date_Selected" runat="server" />
<p>
<asp:Label id=Label1 runat="server" />
</form>
</body>
</html>
这个控制带有一个属性SelectionMode,它的具体属性值如下:
Day : 可以选择任意一个单独的日子。
DayWeek: 可以选择一天或一个星期。
DayWeekMonth: 可以选择一天或一个星期或一个月。
None: 不能选择日期。
4、 CheckBox : 检查框嘛,没什么好说的,但有一点不同,那就是如果它的AutoPostBack属性设为真,则点选它时可以提交到服务器端。
5、 CheckBoxList : 顾名思义,一组可多选的检查框列表,它有两个重要的属性,RepeatLayout和RepeatDirection,控制这个列表的布局,设成table则该列表以表格为底,如果设成flow,则没有表格,RepeatDirection默认为vertical,垂直排列,如果设为horizontally,则水平排列。
6、 CompareValidator :进行两个服务器端控制的比较。它有三个不能缺少的重要属性:ControlToValidate , ControlToCompare 决定要比较那些控制,Operator决定比较的方式,是等于、不等于、大于、小于等。具体实现看下面的例子:
CompareValidator1.aspx
<%@ Page clienttarget=downlevel %>
<html>
<head>
<script language="C#" runat="server">
void Button1_OnSubmit(Object sender, EventArgs e) {
if (Page.IsValid) {
lblOutput.Text = "Result: Valid!";
}
else {
lblOutput.Text = "Result: Not valid!";
}
}
void lstOperator_SelectedIndexChanged(Object sender, EventArgs e) {
comp1.Operator = (ValidationCompareOperator) lstOperator.SelectedIndex;
comp1.Validate();
}
</script>
</head>
<body>
<h3><font face="Verdana">CompareValidator Example</font></h3>
<p>Type a value in each textbox, select a comparison operator, then click "Validate" to test.</p>
<form runat=server>
<table bgcolor="#eeeeee" cellpadding=10>
<tr valign="top">
<td>
<h5><font face="Verdana">String 1:</font></h5>
<asp:TextBox Selected id="txtComp" runat="server"></asp:TextBox>
</td>
<td>
<h5><font face="Verdana">Comparison Operator:</font></h5>
<asp:ListBox id="lstOperator" OnSelectedIndexChanged="lstOperator_SelectedIndexChanged" runat="server">
<asp:ListItem Selected Value="Equal" >Equal</asp:ListItem>
<asp:ListItem Value="NotEqual" >NotEqual</asp:ListItem>
<asp:ListItem Value="GreaterThan" >GreaterThan</asp:ListItem>
<asp:ListItem Value="GreaterThanEqual" >GreaterThanEqual</asp:ListItem>
<asp:ListItem Value="LessThan" >LessThan</asp:ListItem>
<asp:ListItem Value="LessThanEqual" >LessThanEqual</asp:ListItem>
</asp:ListBox>
</td>
<td>
<h5><font face="Verdana">String 2:</font></h5>
<asp:TextBox id="txtCompTo" runat="server"></asp:TextBox><p>
<asp:Button runat=server Text="Validate" ID="Button1" onclick="Button1_OnSubmit" />
</td>
</tr>
</table>
<asp:CompareValidator id="comp1" ControlToValidate="txtComp" ControlToCompare = "txtCompTo" Type="String" runat="server"/>
<br>
<asp:Label ID="lblOutput" Font-Name="verdana" Font-Size="10pt" runat="server"/>
</form>
</body>
</html>
7、 CustomValidator:自定义比较,作用就是可以进行上述基本比较不能完成的比较操作。这个比较可以运行在服务器端,也可以运行在客户端,如用vbscript或Javascript。用法很简单,看例子吧。
CustomValidator1.aspx
<html>
<head>
<script language="C#" runat=server>
void ValidateBtn_OnClick(object sender, EventArgs e) {
if (Page.IsValid) {
lblOutput.Text = "Page is valid!";
}
else {
lblOutput.Text = "Page is not valid! :-(";
}
}
bool ServerValidate (object source, string value) {
int num = Int32.FromString(value);
if (num%2 == 0)
return true;
else
return false;
}
</script>
</head>
<body>
<h3><font face="Verdana">CustomValidator Example</font></h3>
<form runat="server">
<asp:Label id=lblOutput runat="server"
Text="Enter an even number:"
Font-Name="Verdana"
Font-Size="10pt" /><br>
<p>
<asp:TextBox id=Text1 runat="server" />
<asp:CustomValidator id="CustomValidator1" runat="server"
ControlToValidate="Text1"
OnServerValidationFunction="ServerValidate"
Display="Static"
Font-Name="verdana" Font-Size="10pt">
Not an even number!
</asp:CustomValidator>
<p>
<asp:Button text="Validate" onclick="ValidateBtn_OnClick" runat="server" />
</form>
</body>
</html>
上次讲了一些有关ASP + 服务器端控制的内容,现在来详细讲一下。Asp + 服务器端控制是微软新提出的概念,它的实现是基于微软的.NET框架,它实际上是一种特殊的HTML元素,服务器端与它是交互的关系,在生成这些元素后不但能接受它们的值,还可以动态控制它们,以完成一些很COOL的功能。下面列出所有ASP + 目前支持的所有28个服务器端控制及其具体用法。
1、 Adrotator : 广告轮换服务器端控制,它的具体行为是在指定的xml文件里定义的,如下:
<Advertisements>
<Ad>
<ImageUrl>/quickstart/aspplus/images/banner1.gif</ImageUrl>
<NavigateUrl>http://www.microsoft.com</NavigateUrl>
<AlternateText>Microsoft.com</AlternateText>
<KeyWord>Computers</Keyword>
<ImPRessions>80</Impressions>
</Ad>
</Advertisements>
属性的含义:
<ImageUrl>: 要显示得图片绝对或相对路径。
<NavigateUrl>: 点击图片所指向的URL,如果为空则图片不能被点击。
<AlternateText>: 鼠标移动到图片上所显示的提示信息。
<Keyword>: 指定改广告页面的过滤关键字。
<Impressions>: 该广告的显示百分比,这个数值越高,显示的次数越多。
2、 button: 这个好理解,类似于传统表单中的Button,但用法稍有不同,具体用法我就不祥述了。
3、 Calendar: 一个很方便的日历控制,这样就不用再用javascript费劲编了,还得计算闰年什么的,要多烦有多烦,看下面的例子:
<html>
<head>
<script language="C#" runat="server">
void Date_Selected(object s, EventArgs e) {
Label1.Text = "Selected date is: " + Calendar1.SelectedDate.ToShortDateString();
}
</script>
</head>
<body>
<h3><font face="Verdana">Calendar Example</font></h3>
<form runat=server>
<asp:Calendar id=Calendar1 onselectionchanged="Date_Selected" runat="server" />
<p>
<asp:Label id=Label1 runat="server" />
</form>
</body>
</html>
这个控制带有一个属性SelectionMode,它的具体属性值如下:
Day : 可以选择任意一个单独的日子。
DayWeek: 可以选择一天或一个星期。
DayWeekMonth: 可以选择一天或一个星期或一个月。
None: 不能选择日期。
4、 CheckBox : 检查框嘛,没什么好说的,但有一点不同,那就是如果它的AutoPostBack属性设为真,则点选它时可以提交到服务器端。
5、 CheckBoxList : 顾名思义,一组可多选的检查框列表,它有两个重要的属性,RepeatLayout和RepeatDirection,控制这个列表的布局,设成table则该列表以表格为底,如果设成flow,则没有表格,RepeatDirection默认为vertical,垂直排列,如果设为horizontally,则水平排列。
6、 CompareValidator :进行两个服务器端控制的比较。它有三个不能缺少的重要属性:ControlToValidate , ControlToCompare 决定要比较那些控制,Operator决定比较的方式,是等于、不等于、大于、小于等。具体实现看下面的例子:
CompareValidator1.aspx
<%@ Page clienttarget=downlevel %>
<html>
<head>
<script language="C#" runat="server">
void Button1_OnSubmit(Object sender, EventArgs e) {
if (Page.IsValid) {
lblOutput.Text = "Result: Valid!";
}
else {
lblOutput.Text = "Result: Not valid!";
}
}
void lstOperator_SelectedIndexChanged(Object sender, EventArgs e) {
comp1.Operator = (ValidationCompareOperator) lstOperator.SelectedIndex;
comp1.Validate();
}
</script>
</head>
<body>
<h3><font face="Verdana">CompareValidator Example</font></h3>
<p>Type a value in each textbox, select a comparison operator, then click "Validate" to test.</p>
<form runat=server>
<table bgcolor="#eeeeee" cellpadding=10>
<tr valign="top">
<td>
<h5><font face="Verdana">String 1:</font></h5>
<asp:TextBox Selected id="txtComp" runat="server"></asp:TextBox>
</td>
<td>
<h5><font face="Verdana">Comparison Operator:</font></h5>
<asp:ListBox id="lstOperator" OnSelectedIndexChanged="lstOperator_SelectedIndexChanged" runat="server">
<asp:ListItem Selected Value="Equal" >Equal</asp:ListItem>
<asp:ListItem Value="NotEqual" >NotEqual</asp:ListItem>
<asp:ListItem Value="GreaterThan" >GreaterThan</asp:ListItem>
<asp:ListItem Value="GreaterThanEqual" >GreaterThanEqual</asp:ListItem>
<asp:ListItem Value="LessThan" >LessThan</asp:ListItem>
<asp:ListItem Value="LessThanEqual" >LessThanEqual</asp:ListItem>
</asp:ListBox>
</td>
<td>
<h5><font face="Verdana">String 2:</font></h5>
<asp:TextBox id="txtCompTo" runat="server"></asp:TextBox><p>
<asp:Button runat=server Text="Validate" ID="Button1" onclick="Button1_OnSubmit" />
</td>
</tr>
</table>
<asp:CompareValidator id="comp1" ControlToValidate="txtComp" ControlToCompare = "txtCompTo" Type="String" runat="server"/>
<br>
<asp:Label ID="lblOutput" Font-Name="verdana" Font-Size="10pt" runat="server"/>
</form>
</body>
</html>
7、 CustomValidator:自定义比较,作用就是可以进行上述基本比较不能完成的比较操作。这个比较可以运行在服务器端,也可以运行在客户端,如用vbscript或Javascript。用法很简单,看例子吧。
CustomValidator1.aspx
<html>
<head>
<script language="C#" runat=server>
void ValidateBtn_OnClick(object sender, EventArgs e) {
if (Page.IsValid) {
lblOutput.Text = "Page is valid!";
}
else {
lblOutput.Text = "Page is not valid! :-(";
}
}
bool ServerValidate (object source, string value) {
int num = Int32.FromString(value);
if (num%2 == 0)
return true;
else
return false;
}
</script>
</head>
<body>
<h3><font face="Verdana">CustomValidator Example</font></h3>
<form runat="server">
<asp:Label id=lblOutput runat="server"
Text="Enter an even number:"
Font-Name="Verdana"
Font-Size="10pt" /><br>
<p>
<asp:TextBox id=Text1 runat="server" />
<asp:CustomValidator id="CustomValidator1" runat="server"
ControlToValidate="Text1"
OnServerValidationFunction="ServerValidate"
Display="Static"
Font-Name="verdana" Font-Size="10pt">
Not an even number!
</asp:CustomValidator>
<p>
<asp:Button text="Validate" onclick="ValidateBtn_OnClick" runat="server" />
</form>
</body>
</html>
赞助商链接