Kendo ui angular2 角度2剑道中的多列组合框

我正在尝试在剑道Angular 2中创建多列组合框。我在文档中找不到它：此选项是否存在于剑道Angular 2支持中？

MultiSelect组件提供，可用于控制页眉、页脚和项目内容的呈现。这就是说，我们可以很容易地实现不同的布局使用一些额外的样式

<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>

价值
正文
{{dataItem.value}
{{dataItem.text}

下面是一个演示模板用法的plunker：

---

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

MultiSelect组件提供，可用于控制页眉、页脚和项目内容的呈现。这就是说，我们可以很容易地实现不同的布局使用一些额外的样式

<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>

价值
正文
{{dataItem.value}
{{dataItem.text}

下面是一个演示模板用法的plunker：

---

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

对于希望在一行中有多个选项的情况（也许他是这么说的），只需输入“float:left；”到“k-item”类，我不确定。我希望@A_j能对他的想法发表评论。至于将多个项目放在同一行的布局，我想说它不会完美地工作。键盘导航无法按预期工作，看起来像个bug。我建议保持布局不变，并在需要时设计一个新的自定义组件。（4年后）作者询问的是MultiColumnComboBox，而不是MultiSelect。现在，您可以在剑道角度库中找到官方的MultiColumnComboBox组件。如果您希望在一行中有多个选项（可能他的意思是这样），然后只需输入“float:left；”，则可以使用有关该组件的文档到“k-item”类，我不确定。我希望@A_j能对他的想法发表评论。至于将多个项目放在同一行的布局，我想说它不会完美地工作。键盘导航无法按预期工作，看起来像个bug。我建议保持布局不变，并在需要时设计一个新的自定义组件。（4年后）作者询问的是MultiColumnComboBox，而不是MultiSelect。现在，您可以在剑道角度库中找到官方的MultiColumnComboBox组件。有关此组件的文档可用