博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
webform简单、复合控件
阅读量:5303 次
发布时间:2019-06-14

本文共 1487 字,大约阅读时间需要 4 分钟。

简单控件:

1、Label

  会被编译成span标签

  属性:

  Text:文本内容

  CssClass:CSS样式

  Enlabled:是否可用

  Visible:是否可见

2、Literal

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

  属性:

  Text:内容

3、TextBox

  文本框

  属性:

  TextMode:SingleLine(普通Text单行文本框)PassWord(密码框)MultiLine(文本域)

4、HiddenField

  隐藏域

5、Button

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

6、ImageButton

  图片按钮

7、LinkButton

  超链接模样的按钮

复合控件:

1、RadioButton 和 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:设置是否可以多选

 

 

  

转载于:https://www.cnblogs.com/wt627939556/p/6233146.html

你可能感兴趣的文章
innodb_flush_method理解【转】
查看>>
iOS:UIView的CALayer基本演练
查看>>
C++:虚函数的引入
查看>>
struts2
查看>>
oracle 获取周末 及trunc的用法
查看>>
HDU 1505 City Game【DP】
查看>>
UVa 1152 4 Values whose Sum is 0
查看>>
HDU 1556 Color the ball【树状数组】
查看>>
第十七周 6.20 --- 6.26
查看>>
第一周 8.29 - 9.4
查看>>
【转】JS对Cookie的读写删除
查看>>
<汇编语言(第2版)>2011032801
查看>>
JDBC典型程序实例
查看>>
小程序加载中提示实现
查看>>
java面向对象编程(三)--this
查看>>
注释模板
查看>>
npm 常用命令
查看>>
C语言程序的内存布局
查看>>
vue+element-ui路由配置相关
查看>>
一个蓝牙嗅探器的源码
查看>>