Проблема с отображением данных в таблице для одного объекта в угловых - PullRequest
Новая
       16

Проблема с отображением данных в таблице для одного объекта в угловых

0 голосов
/ 23 сентября 2019

У меня есть функция в угловых: 

 memberDtos=[];

    getDataOfDtoCache(cacheData:any,nameOfCache:String){
        console.log(nameOfCache);
        this.hasTableClicked=true;
           this.memberDtos.push(cacheData);
            this.tableName=nameOfCache;
         console.log(this.memberDtos);
      }

При выполнении console.log (this.memberDtos);Я получаю один объект как: 

GBIM: false
GBI: false
NCHL_T: false
NCHLST: false
NIB_Q: false
NIBL_S: false
P_RQ: false
PES: false
SQ: false
SBL_RES: false
STLME_REQ: false
STL_IME_RES: false
STLIBL_REQ: false
SN_RES: false
STRVU_REQ: false
SU_RES: false
S_REQ: false
STL_RES: false

Я хочу, чтобы этот единственный объект появился в таблице как:

enter image description here

Нов части html я использовал KendoUI как: 

   <kendo-grid 
              [kendoGridBinding]="memberDtos" 

              [resizable]="true"
              [filterable]="true"
              [groupable]="true"
              [sortable]="true"
              [pageable]="{
                buttonCount:4,
                pageSizes:[5,10,15]
                }"
              [pageSize]="5"
              *ngIf="hasTableClicked && tableName=='Member DTO'"   >

                  <kendo-grid-column field="memberId" title="Bo Id" width="70">
                  </kendo-grid-column>
                  <kendo-grid-column field="memberCode" title="Client Dealer Id" width="100s">
                  </kendo-grid-column>

              </kendo-grid>

Но в своем интерфейсе я получил все данные в одной строке как:

enter image description here

Это просто показывает мне одну строку. Я хочу, чтобы все данные приходили в разные строки. Могу я получить это или нет?

1 Ответ

1 голос
/ 23 сентября 2019

kendoGridBinding принимает данные как (итеративный) массив объектов.Вам необходимо преобразовать ваши данные в массив key: value объектов, чтобы иметь возможность отображать значения в разных столбцах, как на вашем изображении.

Вот рабочий пример JSFiddle того, как он должен выглядеть

Обходить входные данные с помощью цикла for in и поместить данные в массив memberDtos как { key: value }

...