Kendo UI 多选列表项每行

Posted 2023-05-07

【中文标题】Kendo UI 多选列表项每行

【英文标题】：Kendo UI Multi Select List Item Per Row

【发布时间】：2015-03-25 12:57:11

【问题描述】：

任何人都知道如何使用 Kendo UI Multiselect，因此它会在列表中垂直而不是内联显示所选项目。

默认显示如下：

| [Item 1] [Item 2] [Item 3] | 

但我想这样显示：

| [Item 1] |
| [Item 2] |
| [Item 3] |

有谁知道我如何做到这一点？

【参考方案1】：

您可以使用此样式定位控件内的项目，因此它们都变为全角：

<style>
    div.k-multiselect-wrap .k-button 
        width: 100%;
    
</style>

【讨论】：

在 Telerik 网站上的解决方案失败时为我工作。

【参考方案2】：

您需要做的就是更改多选的宽度

 .htmlAttributes(new  @style="width: 100px;")

【讨论】：

如果文字超过 100px 会怎样？

试过这个，不行。因为如果项目字符串长度太长，它会下降到新的一行。当你有 2 个都说 50 px 长的字符串时，它们仍然彼此堆叠在一起

如果所有字符串的字符数大致相同，正负 25%，这是一个不错的解决方案。仍在寻找更好的解决方案。