kendo-ui angular 6 как использовать шаблон для настройки столбцов сетки

Я пытаюсь использовать шаблон для настройки столбцов сетки и форматирования данных, которые будут отображаться внутри столбцов. Я хочу настроить этот параметр внутри своего кода вместе с остальными параметрами столбца, например...

public gridColumns:any[]=[{

    field:"ProductName",
    title:"ProductName",
    template:'<img src="test.png"/>'
}];

Однако я заметил, что в документации Kendo UI Angular TypeScript нет параметра шаблона, как это было до случая с AngularJS.

[{
  "Field": "CreateDate",
  "Title": "Creation Date",
  "Width": 75,
  "Template": "#= (data.CreateDate == null) ? ' ' : kendo.toString(kendo.parseDate(data.CreateDate, 'yyyy-MM-dd'), 'dd.MM.yyyy') #"
}]

Я думаю, главный вопрос: можно ли это сделать? Если да, то что я делаю не так.


angular6 kendo-ui kendo-ui-angular2 kendo-ui-grid
person jovana    schedule 19.10.2018    source источник
comment
да, это можно сделать, проверьте их документы telerik.com /kendo-angular-ui/components/grid/columns/templates, они используют ng-template   -  person himawan_r    schedule 22.10.2018

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете использовать шаблон ng внутри столбца кендо для достижения этой цели.

<kendo-grid [data]="gridData">
        <kendo-grid-column>
            <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
                <span
                    class="column-class">
                        {{dataItem.Data}}
                </span>
            </ng-template>
        </kendo-grid-column>
  </kendo-grid>
person Stefan Joseph    schedule 30.11.2018