webform（五）複合控制項

標籤：input   abi   文本   select   object   dir   方向   方便   div   

複合控制項是十二個表單元素裡的選擇類衍生出來的。
一、

<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事件AutoPostBack；
設定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列表。

webform（五）複合控制項