Angular2 + Kendo MultiSelect列出每行的每个项目

时间:2017-07-11 15:23:40

标签: html css angular kendo-ui kendo-multiselect

我的应用程序中有一个Angular2 Kendo MultiSelect组件。我的业务要求是每行列出每个选项,而不是将它们彼此相邻堆叠。我该如何实现这一目标?

我进行了搜索,发现了thread。通过将宽度设置为100px来实现建议的样式,但这在我的场景中不起作用,因为多选项选择将长于100px。

我发现这种方法与我的多重选择一起使用的一种方法是将多重控制的宽度设置为500px。在这种情况下,它将每个项目放在自己的行中,但多选的大小不是占用页面的整个宽度。

如果将剑道多重选择长度设置为全宽,我如何实现每行的每个项目?

1 个答案:

答案 0 :(得分:0)

Multiselect由UL LI列表组成,其中列表采用全宽。所以如果你设置这种风格

.k-multiselect-wrap ul { width: 1%;}

该列表尝试仅占1%且thei items换行。这是一个丑陋的黑客,但可以做到;-)。它可能会对不同的浏览器产生副作用。

我修改了Progress Plunker示例:http://embed.plnkr.co/sOBzjul7e2OdI8Ig2VLE/