如何制作一个 CheckBoxList 在每列中包含不同数量的项目？

Question

我的页面中有一个 CheckBoxList，里面有 28 个 ListItem。当我放置 RepeatColumns="2" 时，我的 CheckBoxList 被分成两列，每列 14 个项目。我想要做的是让第一列有 17 个项目，而第二列有剩余的 11 个项目。如何修改我的代码以在 CheckBoxList 中显示不均匀的列？

    <asp:CheckBoxList ID="rblPraticasTemasSaude" runat="server" RepeatDirection="Vertical" RepeatColumns="2">
        <asp:ListItem Text="01" Value="01"></asp:ListItem>
        <asp:ListItem Text="02" Value="02"></asp:ListItem>
        <asp:ListItem Text="03" Value="03"></asp:ListItem>
<%-- more ListItems --%>
        <asp:ListItem Text="27" Value="27"></asp:ListItem>
        <asp:ListItem Text="28" Value="28"></asp:ListItem>
    </asp:CheckBoxList>

Answer 1

将您的 RepeatColumns 属性设置为 17，然后使用此功能

function rotate() {
            $("#<%= rblPraticasTemasSaude.ClientID %>").each(function() {
                var $this = $(this);
                var newrows = [];
                $this.find("tr").each(function() {
                    var i = 0;
                    $(this).find("td").each(function() {
                        i++;
                        if (newrows[i] === undefined) { newrows[i] = $("<tr></tr>"); }
                        newrows[i].append($(this));
                    });
                });
                $this.find("tr").remove();
                $.each(newrows, function() {
                    $this.append(this);
                });
            });
            return false;
        }

        rotate();

您需要在 rotate 函数之前引用 jQuery

如何制作一个 CheckBoxList 在每列中包含不同数量的项目？

How to make a CheckBoxList with different number of items in each column?

asp.net

checkboxlist