Question

我有一个带有大约50个值的checkboxList。但我希望只显示5个并使用滚动条导航其他人。

我尝试使用

<asp:CheckBoxList CheckBoxes="true" Width="250px" Height="120px"  RepeatColumns="5" RepeatDirection="Vertical" RepeatLayout="Flow" 
                            runat="server" SelectionMode="Multiple" />

但它不合适.. 它的到来就像

[] Value1 [] value2 []val 
ue3 [] value4 .....

我希望它是

[] Value1
[] Value2 ...

Answer 1

我认为您只需要checkboxlist的固定大小的容器，将其overflow样式设置为scroll：

<div style="width:250px; height:120px; overflow:scroll;">
  <asp:CheckBoxList CheckBoxes="true" Width="250px" RepeatColumns="1" 
    RepeatDirection="Vertical" RepeatLayout="Flow" 
    runat="server" SelectionMode="Multiple" />
</div>

Answer 2

您需要更改行Width="250px" Height="120px"，使其不那么宽，然后CheckBoxes将逐行获取，取决于您选择的宽度。 ;）

Answer 3

您可能希望将RepeatColumns设置为0，因为这将导致它使用veritcal align属性而不是水平平铺它们。

如果你想让它们只显示5个可见，并且滚动条可以处理过去的任何内容，你需要设置高度，使它只显示最初的5，然后添加：

overflow: auto;

到checklistbox，以便它强制滚动控件边界之外的任何内容。请记住，控件也需要是一个块元素而不是内联。

如何设置CheckBoxList属性？

3 个答案: