ASP.NET 在 4x5 网格中有一个带有我漂亮的复选框的复选框列表

Posted 2023-05-08

【中文标题】ASP.NET 在 4x5 网格中有一个带有我漂亮的复选框的复选框列表

【英文标题】：ASP.NET having a checkboxlist with my nice checkboxes in a 4x5 grid

【发布时间】：2010-12-09 04:09:23

【问题描述】：

我有一个复选框列表，可以将它们显示在列表中

A
B
C
D

或横向

A B C D

我想把它们排列成这样一个漂亮的网格

A B C D
E F G H
I J K L

我该怎么做？

【参考方案1】：

您需要设置 CheckBoxList 的RepeatDirection 和 RepeatColumns 属性。

<asp:CheckBoxList ID="myCheckBoxList" runat="server" 
     RepeatColumns="4" RepeatDirection="Horizontal">
 <asp:ListItem>A</asp:ListItem>
 <asp:ListItem>B</asp:ListItem> 
 <asp:ListItem>C</asp:ListItem>
 <asp:ListItem>D</asp:ListItem>
 <asp:ListItem>E</asp:ListItem>
 <asp:ListItem>F</asp:ListItem>
 <asp:ListItem>G</asp:ListItem>
 <asp:ListItem>H</asp:ListItem>
 <asp:ListItem>I</asp:ListItem>
 <asp:ListItem>J</asp:ListItem>
 <asp:ListItem>K</asp:ListItem>
 <asp:ListItem>L</asp:ListItem>
 <asp:ListItem>M</asp:ListItem>
 <asp:ListItem>N</asp:ListItem>
 <asp:ListItem>O</asp:ListItem>
 <asp:ListItem>P</asp:ListItem>
 <asp:ListItem>Q</asp:ListItem>
 <asp:ListItem>R</asp:ListItem>
 <asp:ListItem>S</asp:ListItem>
 <asp:ListItem>T</asp:ListItem>
</asp:CheckBoxList>

这将呈现一个 4x5 的复选框网格。

A B C D
E F G H
I J K L
M N O P
Q R S T

【参考方案2】：

如果你的项目总是在一个静态的 4x5 网格上，你最好自己硬编码一个。

否则，您将不得不使用数据列表之类的控件将数据源绑定到复选框控件的 DL。数据列表的好处在于它至少可以让你控制重复列的数量以及它重复的方向。