Angndo 2中Kendo的多列组合框

Question

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

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

请注意，该组件没有类似于表的布局，您需要手动实现它。然而，正如演示中所示，这不应该是一项艰巨的任务。