webform(五)復合控件
復合控件是十二個表單元素裏的選擇類衍生出來的。
一、
<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 inCheckBoxList1.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列表。
webform(五)復合控件