常用Web控件

1.文本类型控件
 (1) Label(标签)
    作用: 用于在页面上显示文本 。
    语法:
    Label控件。Text属性为显示文本。AssociatedControlID属性用来关联一个控件,如果为空的话会展示为一个,如果指定为一个控件的id,则会展示为一个HTML中的

 (2)Literal
    语法:
    不渲染任何标签,设置Mode属性为Encode,避免xss攻击。
    Literal控件也是展示一段文本,但是Literal控件不会渲染任何额外的标签,就是将Text属性的值展示出来而已。

 (3)TextBox控件
    语法:AutoPostBack=”true|false, 是否自动提交表单” runat="server">
    TextMode属性取值SingleLine、MultiLine、Password,分别渲染为input(type=text)、textarea和input(type=password)。
    当AutoPostBack属性为true的时候,用户焦点离开TextBox就会造成页面Post,实现原理就是讲ASP.Net原理时的AutoPostBack。
    TextChanged事件(需要AutoPostBack=true才会修改后触发,否则是页面提交才触发),文本发生变化的时候事件触发。ASP.Net中要提交表单的时候最好调用__doPostBack方法。

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

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

(2)LinkButton(链接按钮)
    语法:显示内容 
典型事件:Click。
    作用:可以在页面上创建超级链接样式的按钮。即LinkButton的外观和HyperLink控件一样,但是功能与Button控件相同。
    用法和Button差不多,区别就是Button控件渲染为按钮,而LinkButton渲染为超链接。不要用LinkButton来实现普通的超链接,因为LinkButton的href为一段javascript代码,进行的是表单的Post,无法“在新窗口中打开连接”。和讲“行删除”那个例子中href为javascript的超链接原理一样。一般用Button就行,只有用户要求“长成超链接好”采用LinkButton,就是一个在浏览器中渲染成超链接,服务端当成按钮用的东西。
    HyperLink:IsPostBack=False,没有提交表单内容,没有OnClick事件。
 
(3)ImageButton
    ImageButton控件也和Button差不多,只不过是显示为图片,渲染为input(type=image)
Button、LinkButton、ImageButton等控件都有CommandName、CommandArgument两个属性和Command事件,可以让多个按钮控件共享一个Command事件处理函数,通过读取事件对象e的CommandName、CommandArgument两个属性读取被点击按钮上设置的这两个参数来执行不同的操作。
    例子:编辑、删除多行数据。这种用法在ListView等控件中用的最多。

3.超级链接控件HyperLink
    HyperLink主要用于实现超文本链接。可以以文本的方式或者图形方式呈现HyperLink控件。
    用户单击HyperLink控件时并不会在服务器代码中引发事件。相当于HTML中的元素,使用HyperLink控件的主要优点是可以通过代码动态设置链接目标。

    超级链接控件HyperLink
  语法:
     显示导航信息
  常用属性:
       NavigateUrl:用户单击时所转向的页面URL
       Text:字符串,链接文字
       ImageUrl: 以图像方式呈现链接时,图形的URL
       Target: 目标框架,默认为本框架,_blank标识新窗口
       和LinkButton不一样(常考),不会向服务器端Post,就是一个超链接。NavigateURL:链接地址;Text:显示文本。如果设定ImageUrl属性则会显示图片超链接。

(Panel
    Panel控件用来盛放一些控件。如果设定GroupingText属性那么就渲染为含有

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

)

3.选择类型控件
    (1)ListBox
       语法:
       
        列表项 1
        列表项2
         …
       

    可以直接拖放控件到设计界面,通过点击设计项菜单进入子项的设置,也可通过和数据源绑定实现子项填充。
     ListBox控件提供的是单选或者多重选择列表。通过修改SelectionMode属性来实现CheckBoxList或者RadioButtonList控件的功能。
     当用户选择一项或者多项时,将会激发SelectedIndexChanged事件,默认情况下该事件不会导致页面回发,但是可以通过设置AutoPostBack为true来强制立即回发。

     (2)DropDownList
   作用:
       将选项显示为下拉列表,并从中进行单项选择。操作与ListBox类似。
   语法:
  
   列表项1
   列表项2
            …
  

 

 

 

 

 

你可能感兴趣的:(常用Web控件)