常用的Web控件

    Web控件的种类非常丰富,并且每一个新的ASP.NET版本都在更新,这里分类介绍一些常用的Web控件的基本使用方式。

1.文本类型控件

Label ---Literal

1. Label(标签)
 作用: 用于在页面上显示文本 。
 语法:

在浏览器渲染为:
-----
-----AssociatedControlID----

TextBox

TextBox(文本框)
    作用:
        用于建立单行文本输入框singleLine、密码输入password、多行motiline文本输入,主要通过TextMode属性来区别三种输入模式。
分别渲染为input(type=text)、textarea和input(type=password)。
语法:
AutoPostBack=”true|false, 是否自动提交表单” runat="server">
当AutoPostBack属性为true的时候,用户焦点离开TextBox就会造成页面Post,实现原理就是讲ASP.Net原理时的AutoPostBack。
 典型事件:
         TextChanged ,在文本框中的内容发生改变时候被激发。 (需要AutoPostBack=true才会修改后触发,否则是页面提交才触发),文本发生变化的时候事件触发。ASP.Net中要提交表单的时候最好调用__doPostBack方法。



radio
 RadioButton控件,对应为input(type=radio),通过GroupName属性进行分组



2.按钮类控件

Button(按钮)
作用:Button控件呈现为一个普通按钮,它是一个标准的按钮提交控件,一般用于提交Web表单。
语法:
   
OnClientClick属性,当用户点击按钮的时候在浏览器端执行的代码,注意OnClientClick是字符串属性,写的代码是JavaScript代码,运行在浏览器端。
Button(按钮)
典型事件:
   Click :被单击时候激发,并将表单提交给服务器。
    Command:也是在单击时产生,但是同时CommandName和CommandArgument属性的值与该事件一起被传递。  

LinkButton(链接按钮)
作用:可以在页面上创建超级链接样式的按钮。即LinkButton的外观和HyperLink控件一样,但是功能与Button控件相同。
用法和Button差不多,区别就是Button控件渲染为按钮,而LinkButton渲染为超链接。不要用LinkButton来实现普通的超链接,因为LinkButton的href为一段javascript代码,进行的是表单的Post,无法“在新窗口中打开连接”。和讲“行删除”那个例子中href为javascript的超链接原理一样。一般用Button就行,只有用户要求“长成超链接好”采用LinkButton,就是一个在浏览器中渲染成超链接,服务端当成按钮用的东西。
HyperLink:IsPostBack=False,没有提交表单内容,没有OnClick事件。

 
语法:显示内容
典型事件:Click。
 
ImageButton
ImageButton控件也和Button差不多,只不过是显示为图片,渲染为input(type=image)
Button、LinkButton、ImageButton等控件都有CommandName、CommandArgument两个属性和Command事件,可以让多个按钮控件共享一个Command事件处理函数,通过读取事件对象e的CommandName、CommandArgument两个属性读取被点击按钮上设置的这两个参数来执行不同的操作。例子:编辑、删除多行数据。这种用法在ListView等控件中用的最多。

超级链接控件HyperLink
           HyperLink主要用于实现超文本链接。可以以文本的方式或者图形方式呈现HyperLink控件。
          用户单击HyperLink控件时并不会在服务器代码中引发事件。相当于HTML中的元素,使用HyperLink控件的主要优点是可以通过代码动态设置链接目标。        
语法:
     显示导航信息
  常用属性:
       NavigateUrl:用户单击时所转向的页面URL
       Text:字符串,链接文字

       ImageUrl: 以图像方式呈现链接时,图形的URL

       Target: 目标框架,默认为本框架,_blank标识新窗口

        和LinkButton不一样(常考),不会向服务器端Post,就是一个超链接。NavigateURL:链接地址;Text:显示文本。如果设定ImageUrl属性则会显示图片超链接。
Panel
Panel控件用来盛放一些控件。如果设定GroupingText属性那么就渲染为含有

的div标签,也就是GroupBox效果,否则渲染为





3.选择类型控件

 ListBox
        ListBox控件提供的是单选或者多重选择列表。通过修改SelectionMode属性来实现CheckBoxList或者RadioButtonList控件的功能。
        当用户选择一项或者多项时,将会激发SelectedIndexChanged事件,默认情况下该事件不会导致页面回发,但是可以通过设置AutoPostBack为true来强制立即回发。
ListBox
语法:
 
          列表项 1
           列表项2
            …
          

   可以直接拖放控件到设计界面,通过点击设计项菜单进入子项的设置,也可通过和数据源绑定实现子项填充。
DropDownList
   作用:
       将选项显示为下拉列表,并从中进行单项选择。操作与ListBox类似。
  语法:
 
   列表项1
   列表项2
            …
  



4.图像显示控件


你可能感兴趣的:(Asp.net,web控件)