1. 程式人生 > >webform(五)復合控件

webform(五)復合控件

+= span add 所有 hang radi 選中 tco 單元素

復合控件是十二個表單元素裏的選擇類衍生出來的。
一、

<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列表。

webform(五)復合控件