【问题标题】:asp checkboxlist repeat directionasp checkboxlist 重复方向
【发布时间】:2014-02-05 11:56:27
【问题描述】:
我正在使用复选框。我想列出所有这样的项目
但是在重复方向上有 2 个选择。只有水平和垂直。
这是我的代码:
<asp:CheckBoxList runat="server" RepeatDirection="Horizontal">
<asp:ListItem Text=" Monday "></asp:ListItem>
<asp:ListItem Text=" Tuesday "></asp:ListItem>
<asp:ListItem Text=" Wednesday "></asp:ListItem>
<asp:ListItem Text=" Thursday "></asp:ListItem>
<asp:ListItem Text=" Friday "></asp:ListItem>
<asp:ListItem Text=" Saturday "></asp:ListItem>
<asp:ListItem Text=" Sunday "></asp:ListItem>
</asp:CheckBoxList>
所以我的意思是一半垂直和一半水平。当行已满时,其他项目将在下一行。
我该怎么做?
【问题讨论】:
标签:
asp.net
css
checklistbox
【解决方案1】:
你可以使用这个RepeatDirection、RepeatColumns和RepeatLayout:
<asp:CheckBoxList RepeatDirection="Horizontal"
RepeatColumns="2" RepeatLayout="Table" ...>
在这里查看更多关于房产的信息:CheckBoxList Properties
【解决方案2】:
.myGroupCheckBox{
list-style:none;
width:270px;
}
.myGroupCheckBox li{
display: inline;
}
<asp:CheckBoxList ID="CheckBoxList1" runat="server" CssClass="myGroupCheckBox"
RepeatLayout="UnorderedList">
<asp:ListItem Text=" Monday "></asp:ListItem>
<asp:ListItem Text=" Tuesday "></asp:ListItem>
<asp:ListItem Text=" Wednesday "></asp:ListItem>
<asp:ListItem Text=" Thursday "></asp:ListItem>
<asp:ListItem Text=" Friday "></asp:ListItem>
<asp:ListItem Text=" Saturday "></asp:ListItem>
<asp:ListItem Text=" Sunday "></asp:ListItem>
</asp:CheckBoxList>