webform控件

时间:2022-10-18 04:10:37

简单控件:

1、Label

  会被编译成span标签

  属性:

  Text:文本内容

  CssClass:CSS样式

<asp:Label ID="Label1" runat="server" Text="" CssClass="aaa"></asp:Label>

  Enlabled:是否可用

  Visible:是否可见

2、Literal

  空的,C#会把里面的Text内容直接作为网页代码传过去,比如Text里面写上<input type="button" />会直接在网页中插入一个按钮

  属性:

  Text:内容

<asp:Literal ID="Literal1" runat="server" Text="2016-12-29"></asp:Literal>

webform控件

<asp:Literal ID="Literal1" runat="server" Text="<script>alert('2016年12月29日')</script>"></asp:Literal>

webform控件

alert:弹出

3、TextBox

  文本框

  属性:

  TextMode - text模式

  1、默认 SingleLine - 单行文本框,编译后为 type="text"

  2、Password - 密码框,编译后为 type="password"

  3、MultiLine - 文字域,编译后为 <textarea></textarea>

  在设计界面中 textmode 属性有多个,只用前三个

  maxlength:最大长度,在文本域 <textarea></textarea> 中不起作用

  readonly:只读属性

4、HiddenField

  隐藏域

5、Button

  提交按钮(控件中没有对应的普通按钮和重置按钮)

imagebutton - image 提交图片

linkbutton - 超链接模样的按钮,仅控件如此

button、reset - 没有控件对应

button属性:

   OnClientClick - 在客户端OnClick上执行的客户端脚本

复合控件:

1、RadioButton 和 RadioButtonList

  单选按钮

大多情况下使用后者

前者:

<asp:RadioButton ID="RadioButton1" runat="server" Text="男" />
<asp:RadioButton ID="RadioButton2" runat="server" Text="女" />

webform控件

属性:

  GroupName - 分组,用于选择

<asp:RadioButton ID="RadioButton1" runat="server" Text="男" GroupName="sex" />
<asp:RadioButton ID="RadioButton2" runat="server" Text="女" GroupName="sex" />

RadioButtonList - 单选按钮组

绑定数据:    

    RadioButtonList1.DataSource = 泛型集合;

    RadioButtonList1.DataTextField = "Name";

    RadioButtonList1.DataValueField = "Code";

    RadioButtonList1.DataBind(); - 必须要有

  设置选中项:    

    按照索引选中:

    RadioButtonList1.SelectedIndex = slist.Count - 1;

    按照value值选中:

    RadioButtonList1.SelectedValue = "002";

    按照Text选中:

    foreach (ListItem li in RadioButtonList1.Items)

    {

      if (li.Text == "周村")

      {

      li.Selected = true;

      }

    }

  取出数据:

    取出value值

    Label1.Text = RadioButtonList1.SelectedValue;

    取出Text值

    Label1.Text = RadioButtonList1.SelectedItem.Text;

  属性:

    RepeatDirection:横向或竖向排列

    RepeatLayout:编译成表格、流式或者有序无序列表的样式 

2、CheckBox 和 CheckBoxList

  复选按钮

  绑定数据源与设置单个选择项同上,如果要设置多个选择项,则需要遍历

    foreach (ListItem li in CheckBoxList1.Items)

    {

      if (li.Selected == true)

      {

      Label1.Text += li.Text + ",";

      }

    }

3、DropDownList

  下拉菜单

  与单选按钮列表类似

4、ListBox

  多选框

  与ChekckBoxList类似

  属性:

    SelectionMode:设置是否可以多选