Kendo中的多列组合框对于Angular 2

Question

我想在Kendo-Angular 2中创建多列组合框。我在文档中找不到它：https://www.telerik.com/kendo-angular-ui/components/dropdowns/此选项是否存在于Kendo支持的Angular 2？

Answer 1

MultiSelect组件提供了numerous templates，它可以用来控制页眉，页脚和项目内容的渲染。这就是说，我们可以使用一些额外的样式轻松实现不同的布局。

<kendo-multiselect 
    [data]="listItems" 
    [(ngModel)]="value" 
    [textField]="'text'" 
    [valueField]="'value'" 
    > 
    <ng-template kendoMultiSelectHeaderTemplate> 
    <div class="dropdown-header k-widget k-header"> 
     <span>Value</span> 
     <span>Text</span> 
    </div> 
    </ng-template> 
    <ng-template kendoMultiSelectItemTemplate let-dataItem> 
    <span class="k-state-default"><h3>{{dataItem.value}}</h3></span> 
    <span class="k-state-default"><h3>{{dataItem.text}}</h3></span> 
    </ng-template> 
</kendo-multiselect> 

这里是一个演示模板使用量的plunker：

http://plnkr.co/edit/BvdyXuQ4TQ5OFwDliqYd?p=preview

请注意，该组件没有类似表格的布局，你将需要手动执行。尽管如此，如演示中所示，这不应该是一项艰巨的任务。