webform复合控件

Posted 2020-10-02

复合控件是十二个表单元素里的选择类衍生出来的。
一、

<asp:CheckBox ID="CheckBox1" runat="server" />

CheckBox：复选框。

属性：Text 文字；
取值：CheckBox1.Checked，取出来是bool类型。
服务器解析后会变成checkbox类型的input，Text的文本会自动加到label里，方便点击。
二、

<asp:CheckBoxList ID="CheckBoxList1" runat="server"></asp:CheckBoxList>

CheckBoxList：复选框列表，需要大量数据的时候比复选框好用的多，使用前需要绑定数据。

属性：RepeatColumns每列/行显示的的个数；
RepeatDirection列表排序方向（Vertical纵向/Horizontal横向）；
赋值

CheckBoxList1.DataSource = ulist;
CheckBoxList1.DataTextField = "NickName";
CheckBoxList1.DataValueField = "Ucode";
CheckBoxList1.DataBind();

默认选中项

foreach (Users u in ulist)
{
ListItem li = new ListItem(u.NickName, u.UserName);
if (u.UserName == "xiaohua" || u.UserName == "wangwu")
li.Selected = true;

CheckBoxList1.Items.Add(li);
}

取值：获取单选中项CheckBoxList1.SelectedItem.Value/Text;

如果是空的话会报错，需要先进行判断。获取只获取索引值最小的选项。
获取多选中项。遍历所有项，如果checked是true，取出来。

if (CheckBoxList1.SelectedIndex != -1)
{
string s = "";
foreach (ListItem li in CheckBoxList1.Items)
{
if (li.Selected)
s += li.Value + ",";
}

Label1.Text = s;
}

服务器解析后会变成table表格里放着checkbox类型的input。

三、

<asp:radiobutton runat="server"></asp:radiobutton>

radiobutton：单选按钮。

属性：Text 文字；
取值：CheckBox1.Checked，取出来是bool类型。
服务器解析后会变成Radio类型的input，Text的文本会自动加到label里，方便点击。
四、

<asp:RadioButtonList ID="RadioButtonList1" runat="server"></asp:RadioButtonList>

RadioButtonList：单选框列表。

属性：RepeatColumns每列/行显示的的个数；
RepeatDirection列表排序方向（Vertical纵向/Horizontal横向）；
赋值

RadioButtonList1.DataSource = ulist;
RadioButtonList1.DataTextField = "NickName";
RadioButtonList1.DataValueField = "Ucode";
RadioButtonList1.DataBind();

取值：RadioButtonList1.SelectedItem.Value/Text;

服务器解析后会变成Radio类型的input，Text的文本会自动加到label里，方便点击。
五、

<asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList>

DropDownList：下拉列表

属性：AppDataBoundItems将数据绑定项追加到列表项里；AutoPostBack事件自动回发；
设置自动回发事件：

DropDownList1.SelectedIndexChanged += DropDownList1_SelectedIndexChanged;
private void DropDownList1_SelectedIndexChanged(object sender, EventArgs e) { }

赋值

DropDownList1.DataSource = ulist;
DropDownList1.DataTextField = "NickName";
DropDownList1.DataValueField = "Ucode";
DropDownList1.DataBind();
DropDownList1.Add(new ListItem("==请选择==","-1"))

取值：DropDownList1.SelectedItem.Value/Text;

服务器解析后会加变成select列表。