Как динамически создавать столбцы сетки углового кендо, используя настройки столбцов? - PullRequest
Новая
       7

Как динамически создавать столбцы сетки углового кендо, используя настройки столбцов?

0 голосов
/ 22 января 2019

Я опираюсь на последние документы: https://www.telerik.com/kendo-angular-ui/components/grid/columns/auto-generated/

<kendo-grid [kendoGridBinding]="elements" ...some props>
           <kendo-grid-column *ngFor="let column of elementsMeta"
               field="{{column.name}}"
               title="{{column.name}}">
               <ng-template kendoGridCellTemplate let-dataItem>
                   <div>
                       {{ column.name }}
                       {{ dataItem[column.name] }}
                   </div>
               </ng-template>
           </kendo-grid-column>
</kendo-grid>

У меня есть список метаданных, содержащих имя динамического столбца, Я пытаюсь перебрать имена столбцов в соответствии с API углового кендо, чтобы представить реальные данные. (как в примере).

при печати {{column.name}} я вижу имя ключа каждого столбца, при печати: {{dataItem | json}} Я могу видеть модель из него, я хочу, чтобы оценка [column.name] была взята, Я не уверен, почему при попытке выявить оба {{dataItem [column.name]}} Я ничего не получаю, это угловое ограничение шаблона? кому-нибудь удалось это сделать? должна ли моя текущая модель определения col содержать поле 'type'?

оценит любой работающий - не хакерский - пример:)

КСТАТИ Я также попробовал следующий подход: 

        <ng-container *ngFor="let column of elementsMeta">
            <kendo-grid-column  field="{{column.field}}"
                                title="{{column.title}}">
                <ng-template kendoGridCellTemplate let-dataItem>
                {{ dataItem | json }} <br>
                {{ dataItem[column.field] }} <br>
                {{ column.field }}    
                </ng-template>
            </kendo-grid-column>
        </ng-container>

не будет работать так же: (

Я использую Angular 6, с конфигурацией webpack и ngUpgrade, компилирую JIT, без всяких проблем, может быть, компилятору пришлось нелегко с двойной оценкой? DataItem [column.field]

не уверен, что делать ..

...