webform简单控件和复合控件

Posted 2020-08-14

简单控件：

label：标签控件用于显示文本信息，用来获取或设置指定在label控件上显示的文字。

属性：

text：获取或设置控件的文本内容。

font：获取或设置控件的文本字体。

forecolor：获取或设置控件中文本的颜色。

bordercolor：获取或设置控件的边框颜色。

borderstyle：获取或设置控件的边框样式。

 

 

 <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>

 

literal：什么元素都没有，只会在位置上讲text内容完全展示出来。

 

textbox： 文本框控件

属性：

TextMode - 它设置为什么值，被编译后将会是不同的一些表单元素

：singleline，multiline，password。分别对应文本框单行，多行，和密码框形式。

按钮控件：

Button     
ImageButton      图片按钮
LinkButton        显示一个超链接样式的按钮

按钮的OnClientClick是执行客户端脚本（js），客户端执行优先级高于服务端

表单元素：
12个表单元素

文本类：
<input type="text" /> - 文本框 ok
<input type="password" /> - 密码框 ok
<textarea></textarea> - 文本域 ok
<input type="hidden" /> - 隐藏域

按钮类：
<input type="button" value="按钮1" />
<input type="submit" value="提交" />
<input type="reset" value="重置" />
<input type="image" src="" />

选择类：
<input type="radio" />
<input type="checkbox" />

<select>
<option></option>
</select>

<input type="file" />

复合控件：

 RadioButton   多选按钮

属性：

checked：获取该控件是否被选中

groupname：获取或设置单选按钮所属的组名

textalign：设置控件中文本的对齐方式

 

radiobuttonlist  单选组控件

属性：

items：获取列表项的集合

repeatdirection：单选按钮的排列方式，horizontal和vertical分别为水平和垂直排列

repeatdcolumns：获取或设置控件中要显示的列数

repeatlayout：单选框选择，table和flow分别以表和流结构显示

datasource：绑定数据源

datatextfield：显示在单选框中的数据文本字段

datavaluefield：显示在单选框中的数据值字段

selecteditem：获取或设置索引最小的选定项

selectindex：获取或设置选中项的索引

selectvalue:获取或设置空间中选定项的值

 

插入数据的两种方法

 if (!IsPostBack)
        {
            List<Nation> list = new NationData().Select();
            RadioButtonList1.DataSource = list;
            RadioButtonList1.DataTextField = "NationName";
            RadioButtonList1.DataValueField = "NationCode";
            RadioButtonList1.DataBind();

            foreach (Nation n in list)
            {
                ListItem li = new ListItem(n.NationName, n.NationName);
            RadioButtonList1.Items.Add(li);
            }

 

 

 

radiobuttonlist 和dropdownlist 差不多

 

CheckBoxList ：ListBox
一、数据绑定
遍历数据集合，ListItem

二、设置默认选中项
在数据添加的时候进行判断，设置Selected属性

三、取值
遍历所有的项，判断如果是选中状态那么就把值取出来保存

四、布局