Kendo UI多选每行列表项

时间:2015-01-27 00:58:49

标签: html asp.net razor kendo-ui

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

默认显示如下:

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

但我想这样显示:

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

有谁知道我怎么做到这一点?

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)

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

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