Kendo UI 多个 Select 每行列出项目

Kendo UI Multi Select List Item Per Row

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

默认情况下显示如下:

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

但是我想这样显示:

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

有谁知道我怎样才能做到这一点?

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

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

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

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