Question

我的页面中有一个CheckBoxList，里面有28个ListItems。当我把RepeatColumns =＆＃34; 2＆＃34;时，我的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？

1 个答案: