ビルドデザイン
チェックボックスは次のように設計されています。効果は次のとおりです。
デモコード
コードを直接コピーして、この効果を実現することもできます。
<%@ Page Language="C#" AutoEventWireup="True" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title> CheckBoxList例子 </title>
<script runat="server">
void Check_Clicked(Object sender, EventArgs e)
{
Message.Text = "Selected Item(s):<br /><br />";
for (int i=0; i<checkboxlist1.Items.Count; i++)
{
if (checkboxlist1.Items[i].Selected)
{
Message.Text += checkboxlist1.Items[i].Text + "<br />";
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3> CheckBoxList 例子</h3>
选几个你喜欢的
<br /><br />
<asp:CheckBoxList id="checkboxlist1"
AutoPostBack="True"
CellPadding="5"
CellSpacing="5"
RepeatColumns="2"
RepeatDirection="Vertical"
RepeatLayout="Flow"
TextAlign="Right"
OnSelectedIndexChanged="Check_Clicked"
runat="server">
<asp:ListItem>学习 </asp:ListItem>
<asp:ListItem>王者荣耀</asp:ListItem>
<asp:ListItem>卢瓦鲁</asp:ListItem>
<asp:ListItem>吃鸡</asp:ListItem>
<asp:ListItem>部落冲突</asp:ListItem>
<asp:ListItem>明日之战</asp:ListItem>
</asp:CheckBoxList>
<br /><br />
<asp:label id="Message" runat="server" AssociatedControlID="checkboxlist1"/>
</form>
</body>
</html>
基本的な文法
チェックボックスリストは、ASP.NETツールバーウィンドウからコントロールをドラッグアンドドロップして[デザイン]セクションを使用して作成するか、次のコードを使用して[マーカー]セクションから作成できます。基本的な形式は次のとおりです。
<asp: CheckBoxList id=” checkboxlist1” AutoPostBack = “True” TextAlign = “Right” OnSelectedIndexChanged = “CheckList_Clicked” runat= “server”>
<asp: ListItem> Item 1 </asp: ListItem>
<asp: ListItem> Item 2 </asp: ListItem>
<asp: ListItem> Item 3 </asp: ListItem>
ASP.NETCheckBoxListのプロパティ
チェックボックスリストの項目には、さまざまなプロパティを使用してアクセスできます。
CellPadding:セルの内容間の距離を設定します。
RepeatedItemCount:これはリスト内のアイテムの総数を示します。
RepeatColumns:チェックボックスリストに表示する列の数を取得します
RepeatDirection:このプロパティは、チェックボックスリストのコントロールが垂直または水平に表示される方向を設定します。
cellspacing:チェックボックスリストの2つのセル間の距離を設定するために使用できます。
HasFooter:チェックボックスリストにフッターセクションがあるかどうかを確認します。これはブールプロパティです。falseはフッターセクションがないことを意味します。
HasHeader:チェックボックスリストにヘッダーセクションがあるかどうかを確認します。これはブールプロパティです。falseはヘッダーセクションがないことを意味します。
HasSeparators:チェックボックスリストの項目間にセパレータがあるかどうかをチェックします。これはブールプロパティです。falseは、アイテム間に区切り文字がないことを意味します。
RenderWhenDataEmpty:このプロパティは、データソースにデータがない場合に、値を取得するか、条件の値を設定します。Trueは、データソースにデータがない場合でもコントロールがレンダリングされることを意味します。
RepeatLayout:テーブル要素、ul要素、またはスパン要素を使用してリストをレンダリングする方法を指定します。
TextAlign:チェックボックスの項目のテキスト配置を指定します。
アイテム:リストからアイテムのコレクションを取得します。
AutoPostBack:trueに設定すると、ユーザーがリストのチェックボックスを選択するたびに自動ポストバックが発生します。