WebForm控件

Posted 2020-08-14 zhangdandan1

一、简单控件
1、Label 被编译成span
属性：
Text 标签显示的文本
ForeColor 文本颜色
Visible 是否可见或被呈现
CssClass 该控件的css类名

在css中设置高度时加上这句：display:inline-block;
注意:控件的属性都可以在css中设置，如果设置不起作用是
因为设置的语句不准确，解决的方法是：用css和属性分别设置
后运行查看源代码找出差别，将不一样的地方在css中改成一样。

2、Literal 本身不被编译成html中的标签
属性：
Text 显示的文本
Mode 确定是转换文本还是将文本编译
         Transform 将文本编译
         PassThrough不编译
         Encode 转换文本

3、TextBox 被编译成什么由 textmode属性决定
属性：
Text 显示的文本
ReadOnly 是否可以更改控件的文本
TextMode 文本框的行为模式
SingleLine 文本框
MultiLine 文本域
Password 密码框
Color 颜色选择器
Date 日期选择器
DateTimeLocal日期选择输入小时和分钟
Email 输入邮箱后回车判断格式是否正确
Month 输入或选择年和月
Number 数字
Range 刻度尺
Search 搜索框
Time 小时和分钟
Url 路径回车判断
Week 哪一年的第几周

4、Button 被编译成submit
属性：
Text 标签显示的文本
OnClientClick 在客户端OnClick上执行的客户端脚本（JS）
usesubmitBehavior 按钮是否呈现为提交按钮
ToolTip 将鼠标放在控件上时显示的提示

5、ImageButton 被编译成image模样的按钮
属性：
Text 标签显示的文本
OnClientClick 在客户端OnClick上执行的客户端脚本（JS）
ToolTip 将鼠标放在控件上时显示的提示

6、LinkButton 被编译成a标签模样的按钮
属性：
AlternateText 在图片无法显示时显示的替换文字
Text 标签显示的文本
OnClientClick 在客户端OnClick上执行的客户端脚本（JS）
ToolTip 将鼠标放在控件上时显示的提示

注意：先执行JS在执行c#

二、复合控件
1、RadioButton 和 CkeckBox不建议使用
（1）在HTML中的Radio在单击单选按钮后面的文字时不选中
解决方法：<Label far="nan">男</label>
（2）RadioButton分组的属性GroupName

2、RadioButtonList和DropDownList
这两个控件都是单选，DropDownList没有布局
（1）绑定上数据
1）编辑列
2）查数据库，写在Page_Load中
方法一：遍历集合

          List<Nation> list = new NationData().Select();

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

方法二：数据源

          List<Nation> list = new NationData().Select();
           RadioButtonList1.DataSource = list;//数据源指向
            RadioButtonList1.DataTextField = "NationName";//显示值
            RadioButtonList1.DataValueField = "NationCode";//实际值
            RadioButtonList1.DataBind();//绑定

（2）选中数据
默认数据必须if(IsPostBack){}

RadioButtonList1.SelectedIndex = 0;//索引
  RadioButtonList1.SelectedValue = "N001";//实际值

（3）取值

        Label1.Text = "";
        ListItem li = RadioButtonList1.SelectedItem;
        Label1.Text += li.Value + "," + li.Text;

（4）布局
RepeatDirection 布局方向
Vertical垂直 Horizontal水平
RepeatColumms 布局项的列数

3、CkeckBoxList 和ListBox
这两个数据都是多选，ListBox没有布局。
ListBox修改属性SelectionMode可选多条。

（1）绑定上数据

建议使用遍历集合

（2）选中数据
默认数据必须if(IsPostBack){}

可选多个遍历集合

         foreach (Nation n in list)
            {
                ListItem li = new ListItem(n.NationName, n.NationCode);
                if (li.Value == "N001" || li.Value == "N003")
                    li.Selected = true;
                CheckBoxList1.Items.Add(li);
            }

（3）取值

       Label1.Text = "";
        foreach (ListItem li in CheckBoxList1.Items)
        {
            if (li.Selected)
            {
                Label1.Text += li.Value + "," + li.Text + "|";
            }
        }

（4）布局
RepeatDirection 布局方向
Vertical垂直 Horizontal水平
RepeatColumms 布局项的列数