在Angular Grid的Kendo UI中为组头添加下拉列表

时间:2017-12-13 11:51:30

标签: javascript angular kendo-ui kendo-ui-angular2

目前我已经开发了一个Kendo UI Grid,其分组如下图所示:https://plnkr.co/edit/jjvubysAmQKeuQI86bHx?p=preview

模板如下

<kendo-grid
    [kendoGridBinding]="gridData"
    scrollable="none"
    [group]="groups">
    <kendo-grid-column
      *ngFor="let column of customColumnList"
      field="{{column.field}}"
      title="{{column.title}}">
      </kendo-grid-column>
    <kendo-grid-column field="" title="Education Level">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <kendo-dropdownlist [data]="performanceListData"[value]="'Select Education'">
            </kendo-dropdownlist>
          </ng-template>
    </kendo-grid-column>
    <kendo-grid-column field="" title="Salary package">
          <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
              <kendo-dropdownlist [data]="measurePackageData" [value]="'No'">
              </kendo-dropdownlist>
            </ng-template>
    </kendo-grid-column>
  </kendo-grid>

plunker at the moment

我需要在每个组标题中添加一个下拉列表,这样当我从中选择一个值时,所有分组的值都会更新。我试图添加为自定义表,但组模板的UI与表格不对齐。

need drop-downs for each group header with for each column

有任何建议可以实现这一目标吗?

0 个答案:

没有答案