2015-01-27 41 views
0

任何人都知道如何使用Kendo UI Multiselect,以便垂直显示列表中的选定项目而不是联机。Kendo UI多行选择列表项每个行

默认情况下,它会显示这样的:

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

但我想是这样显示的:

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

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

回答

0

所有你需要做的是改变你的多选

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

如果文本长度超过100px,会发生什么? – 2015-01-28 00:42:04

+0

试过这个,不行。因为如果项目字符串的长度太长,它会下降到一个新的行。当你有两个字符串,都是50px长,那么它们仍然堆叠在一起 – 2015-01-28 21:25:32

+0

如果所有的字符串大约相同的字符数加上或减去25%,那么它是一个好的解决方案。仍在寻找更好的解决方案。 – 2015-01-28 21:27:51

2

的宽度可以针对这种风格的控制里面的物品,所以他们都成为全宽:

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