巧用ASP.NET中的Web服务器控件

梦里梦外; 2022-07-21 05:42 148阅读 0赞

不知大家对ASP.NET中的Web服务器控件了解怎么样？本篇博客小编将为大家介绍一些小技巧，轻松使用控件。

我们知道Web控件分为四种：内部，复杂，列表和验证控件，那么这些控件具体都有哪些，具有什么样的作用？什么情况下用？有了他们，可以解决我们什么问题呢，我想这都是大家想知道的。

![Center][]

一、内部控件

内部控件的使用方法与 HTML 控件相同,它们映射到 HTML 元素并通过使用 runat = “server” 属性在服务器上执行。

1.选择控件：

使用过程中需要注意：

CheckBox:

autopostback设置为True，自动提交到服务器。这个可以用，但是尽量少用。

RadioButton:

比如性别，两个控件的groupname设置成一样的值。

2.文本输入

单行，多行，密码输入，容器控件，日历控件  
![Center 1][]

容器控件：

this.Panel1.Visible = false;
    this.Panel2.Visible = false;

日历控件使用很简单，这里不做介绍。

二、列表控件

包括Listbox，DropDownList，Gridview等。用于在 Web 页中创建数据列表。

以Listbox为例:

点击一个信息，加载出另一个信息，提高用户体验度。

一个小例子来说明：

<span style="font-size:18px;">//DB类
    Public static SqlConnection createConnection()
    {
    	SqlConnection con=new SqlConnection("server=.;database=cropDownTest;uid=;pwd=;");
    	Return con;
    }
    
    //Page_Load事件
    Private void Page_Load(object sender,System.EventArgs e)
    {
    	If (!this.IsPostBack)
    	{
    		//绑定省
    		SqlConnection con=DB.createConnection();
    		Con.Open();
    		SqlCommand cmd=new SqlCommand("select * from province",con);
    		SqlDataReader sdr=cmd.ExecuteReader();
    		This.ddlProvince.DataSource=sdr;
    		This.ddlProvince.DataTextField="proName";
    		This.ddlProvince.DataValueField="proID";
    		This.ddlProvince.DataBind();
    		//绑定市
    		SqlCommand cmdCity=new SqlCommand("select * from city where proID="+this.ddlProvince SelectedValue,con");
    		Sdr.Close();
    	}
    }
    </span>

运行结果：选出省，自动加载出省中所含的市，很方便。

三、复杂控件

当希望控件拥有复杂的功能或使用 HTML 元素无法创建的功能丰富的用户界面时，可以使用复杂控件。

HtmllnputFile控件

例子：上传文件

html中的button控件，只能通过html脚本实现，加上runat="server"可以实现在服务器端访问

mapPath相对路径转换为服务器上的绝对路径

四、验证控件

输入控件的数据需要进行准确性和取值范围方面的检查。

1.RequireFieldValidator：验证控件是否为空

2.**compareCalidator**：比较两个字段

errorMessage值是显示信息，，Operator（值范围，大于小于等），valuetoCompare为限制的值

**比较类型：**

1.与固定值比较：type类型，Operator大于还是小于，display如果两个控件，选动态效果，错误的显示信息。

2.日期类型：type为Date类型，Operator选最后一个DateTypeCheck，错误显示信息

3.两个控件值是否一致：错误信息，Operator是否相同，Type值，ControlToCompare和ControlToValidate的选择。

**补充：**

当验证是否为空，和固定值比较两个控件共同使用时，变为动态的比较好。

3.RangeValidator：检查制定范围

type类型选择日期，mininumvalue和MaxinumValue日期限定范围，错误信息，显示动态还是静态，对哪个控件作用。

4.RegularExpressionValidator：用表达式检查值，会简单应用

![Center 2][]

![Center 3][]

正则表达式简单认识：

![Center 4][]

5.CustomValidator自定义验证

![Center 5][]

**注意：**前两个是必填的，是客户端的，在客户端不合法，不能提交到服务器；填写正确格式后，再填自定义验证就可以了。

![Center 6][]

6.ValidationSummary显示错误信息

if(this.IsValid)
                {
                    Response.Write("提交");
                }
                else
                {
                    Response.Write("页面无效");
                }

IsValid：验证都通过，提交，否则不提交。

整个页面上只要有未通过的验证，Isvalid就是False

避免在低端服务器验证时出错：

<%@Page Language="C\#" AutoEventWireup="true"CodeBehind="Validator.aspx.cs"Inherits="InputFile.Validator"clientTarget="DownLevel"%>

clientTarget="DownLevel"禁用客户端验证

五、比较Web服务器控件与HTML控件

六、总结

感谢您的阅读！

[Center]: /images/20220720/55806d5f67f54f7688dbb3d90a7877e6.png
[Center 1]: /images/20220720/f2bc35e46eb143dfad214b570e2fb852.png
[Center 2]: /images/20220720/c624735c522748098f5d41e77a97dac3.png
[Center 3]: /images/20220720/f6d32697a83e424f8e88d2a50a8e47c6.png
[Center 4]: /images/20220720/18d257d79d91493694a612ad95708d01.png
[Center 5]: /images/20220720/c098ce5b4cc3459bbd1dcfd270ac65cd.png
[Center 6]: /images/20220720/c3ed86882ad14b078bba1df54e5d0d01.png