【问题标题】:Checkboxlist Asp.Net C#复选框列表 Asp.Net C#
【发布时间】:2011-12-31 03:23:01
【问题描述】:

有什么方法可以在 asp.net 中包装一个复选框列表,这样如果您的列表中有 20 个复选框,则有两列,每列 10 个。示例:

Box                   Box
Box                   Box
Box                   Box
Box                   Box
Box                   Box
Box                   Box
Box                   Box
Box                   Box

我当前的代码只是:

<asp:CheckBoxList ID="Numbers" runat="server" AutoPostBack = "true">
        <asp:ListItem> 1 </asp:ListItem>  
        <asp:ListItem> 2 </asp:ListItem>
        <asp:ListItem> 3 </asp:ListItem>
        <asp:ListItem> 4 </asp:ListItem>
        <asp:ListItem> 5 </asp:ListItem>
        <asp:ListItem> 6 </asp:ListItem>
        <asp:ListItem> 7 </asp:ListItem>
        <asp:ListItem> 8 </asp:ListItem>
        <asp:ListItem> 9 </asp:ListItem>
        ...ect
</asp:CheckBoxList>

我认为一定有某种 asp 标记或其他东西可以让我清理此复选框列表。

【问题讨论】:

  • -1 关于这个问题?请解释。它似乎经过深思熟虑、布局和描述。

标签: c# asp.net checkboxlist


【解决方案1】:

您正在寻找的是RepeatColumns 属性和RepeatDirection 属性。像这样的:

<asp:CheckBoxList ID="Numbers" runat="server" AutoPostBack = "true" 
    RepeatColumns="2" RepeatDirection="Vertical"> 
        <asp:ListItem> 1 </asp:ListItem>   
        <asp:ListItem> 2 </asp:ListItem> 
        <asp:ListItem> 3 </asp:ListItem> 
        <asp:ListItem> 4 </asp:ListItem> 
        <asp:ListItem> 5 </asp:ListItem> 
        <asp:ListItem> 6 </asp:ListItem> 
        <asp:ListItem> 7 </asp:ListItem> 
        <asp:ListItem> 8 </asp:ListItem> 
        <asp:ListItem> 9 </asp:ListItem> 
        ...ect 
</asp:CheckBoxList> 

根据以下参考,您还可以使用 RepeatDirection enum 在代码隐藏中以编程方式设置此属性:

Numbers.RepeatDirection = RepeatDirection.Vertical;
Numbers.RepeatColumns = 2;

请将此作为参考:How to: Set Layout in a CheckBoxList Web Server Control

【讨论】:

  • 非常好,这正是我所需要的。谢谢!
  • @Emerica。没问题,我很乐意提供帮助。
【解决方案2】:

是的,使用RepeatColumns 属性。如果您只希望它在动态绑定控件并且它有十多个项目后以这种方式显示,只需计算 Page_Load 中的项目,如果数据源包含超过 10 个元素,则将 RepeatColumns 设置为 2。

Here 是 msdn 文档以获取更多信息。

【讨论】:

    猜你喜欢
    • 2013-08-05
    • 1970-01-01
    • 2013-09-22
    • 1970-01-01
    • 1970-01-01
    • 2011-09-07
    • 2012-11-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多