【问题标题】:Kendo UI Multi Select List Item Per RowKendo UI 多选列表项每行
【发布时间】:2015-03-25 12:57:11
【问题描述】:

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

默认显示如下:

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

但我想这样显示:

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

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

【问题讨论】:

    标签: html asp.net razor kendo-ui


    【解决方案1】:

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

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

    【讨论】:

    • 在 Telerik 网站上的解决方案失败时为我工作。
    【解决方案2】:

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

     .HtmlAttributes(new { @style="width: 100px;"})
    

    【讨论】:

    • 如果文字超过 100px 会怎样?
    • 试过这个,不行。因为如果项目字符串长度太长,它会下降到新的一行。当你有 2 个都说 50 px 长的字符串时,它们仍然彼此堆叠在一起
    • 如果所有字符串的字符数大致相同,正负 25%,这是一个不错的解决方案。仍在寻找更好的解决方案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多