您的位置: 网站首页 > 程序开发 > C#程序设计 > 第12章 ASP.NET网络开发 > 【12.3 常 用 控 件】

12.3 常 用 控 件

 

Windows窗体应用程序一样,ASP.NET中的控件非常多,这些控件方便了应用程序的开发,本节将介绍这些常见控件的应用。

12.3.1  标签控件Label

本小节介绍Label控件。双击Label控件,可以在当前的页面上添加该控件,如图12-12所示。ASP.NETLabel控件的用法和Windows窗体应用程序中的用法大致相同,在其Text属性中可以更改其显示内容,设置其Text属性值为“我的Web页面”。运行程序,结果如图12-13所示。

    

12-12   添加Label控件                          12-13  运行结果1

12.3.2  文本框控件TextBox

ASP.NET中的TextBox控件与Windows窗体应用程序中的TextBox控件也十分相似,主要用于用户的输入。在页面上添加TextBox控件,如图12-14所示。

TextBox控件的属性中有一项为TextMode,可设置为以下3种。

·    SingleLine:用于输入单行。

·    MultiLine:用于输入多行。

·    Password:用于输入密码。

此处设置为MultiLine。运行程序,在TextBox控件中任意输入字符,如图12-15所示。

 

12-14  添加TextBox控件                       12-15  运行结果2

12.3.3  按钮控件Button

本小节给出一个简单的实例,演示Button按钮的应用。

1.目的说明

创建一个网站,演示如何使用按钮控件。

2.实现步骤

1)创建一个名为UseButton的网站。

2Visual Studio 2005已经为用户创建了一个默认的default.aspx页面,为其添加一个文本框和一个按钮控件,如图12-16所示。

12-16  控件设置

3)双击“Button”按钮,进入代码编辑器页面,修改default.aspx.cs文件的内容如下。其中未包括using语句,default.aspx文件无需改动。

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        this.Title = this.TextBox1.Text;

    }

}

3.运行结果

Ctrl+F5组合键运行程序,运行结果如图12-17所示。

12-17  运行结果

4.代码分析

可以看到,输入文本后单击按钮可以使网页的标题改变为输入的内容。

12.3.4  下拉框控件DropDownList

下面通过实例演示下拉框控件的使用方法。

1.目的说明

创建一个网站,演示如何使用下拉框控件。

2.实现步骤

1)创建一个名为UseDDlist的网站。

2Visual Studio 2005已经为用户创建了一个默认的default.aspx页面,为其添加控件如图12-18所示。

12-18  控件设置

修改DropDownList中项的内容,同Windows窗体应用程序中相似,如图12-19和图12-20所示。

 

12-19  编辑控件1                            12-20  编辑控件2

3)双击Button按钮,进入代码编辑器页面,修改default.aspx.cs文件的内容如下。其中未包括using语句,default.aspx文件无需改动。

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        this.Label1.Text = "你选择的是:" + this.DropDownList1.SelectedValue;

    }

}

3.运行结果

Ctrl+F5组合键运行程序,运行结果如图12-21所示。

12-21  运行结果

4.代码分析

可以看到,选择某项后单击按钮可以使标签控件的输出改变为选择的内容。

12.3.5  列表框控件ListBox

1.目的说明

创建一个网站,演示如何使用列表框控件。

2.实现步骤

1)创建一个名为UseListBox的网站。

2Visual Studio 2005已经为用户创建了一个默认的default.aspx页面,为其添加控件如图12-22所示。

12-22  控件设置

修改ListBox中项的内容,同Windows窗体应用程序中相似,如图12-23和图12-24所示。

 

12-23  编辑控件1                            12-24  编辑控件2

3)双击Button按钮,进入代码编辑器页面,修改default.aspx.cs文件的内容如下。其中未包括using语句,default.aspx文件无需改动。

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        this.Label1.Text = this.ListBox1.SelectedValue;

    }

}

3.运行结果

Ctrl+F5组合键运行程序,运行结果如图12-25所示。

12-25  运行结果

4.代码分析

可以看到,选择某项后单击按钮可以使标签控件的输出改变为选择的内容。

12.3.6  复选框控件CheckBox

ASP.NET中复选框控件的使用与Windows窗体应用程序中的复选框使用方法类似,本小节通过实例说明复选框的使用方法。

1.目的说明

创建一个网站,演示如何使用复选框控件。

2.实现步骤

1)创建一个名为UseCheckBox的网站。

2Visual Studio 2005已经为用户创建了一个默认的default.aspx页面,为其添加控件如图12-26所示。修改CheckBox的文本显示如图12-27所示。

      

12-26  控件设置                                12-27  编辑控件

3)双击Button按钮,进入代码编辑器页面,修改default.aspx.cs文件的内容如下。其中未包括using语句,default.aspx文件无需改动。

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

 

    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        string text = string.Empty;

        text = CheckBox1.Checked ? CheckBox1.Text : "";

        text += CheckBox2.Checked ? " " + CheckBox2.Text : "";

        text += CheckBox3.Checked ? " " + CheckBox3.Text : "";

 

        this.Label1.Text = "您选择的是:" + text;

    }

}

3.运行结果

Ctrl+F5组合键运行程序,运行结果如图12-28所示。

4.代码分析

可以看到,选择某项后单击按钮可以使标签控件的输出改变为选择的内容。

12-28  运行结果