Link to home
Start Free TrialLog in
Avatar of Tom Knowlton
Tom KnowltonFlag for United States of America

asked on

How do I get JSON data to show-up in a popup dialog - Angular / Kendo UI

Clearly there is data in the object.  I can reference it in the F12 Dev Tools console:

User generated image

But I don't know how to get that data to show up in the popup window for Tasks  (tcdr:  Array( ), above)

<kendo-dialog title="Tasks" *ngIf="flagSelection" (close)="closeTasks()" class="custom-dialog">
  <kendo-grid #grid="kendoGrid" [sortable]="true" filterable="menu" [kendoGridBinding]="shiftSummaryData"
    [pageSize]="pageSize" class="custom-grid" [skip]="skip" [pageable]="true" [kendoGridSelectBy]="'id'"
    [selectable]="selectableSettings" [selectedKeys]="selectedId" [scrollable]="'none'"
    (selectedKeysChange)="selectId($event)">
    <ng-container *ngFor="let i = index">
      <ng-container *ngFor="let j = index">
        <kendo-grid-column field="{{this.shiftSummaryItems[i].tcdr[j].taskDescription}}" title="Task Code" [width]=150></kendo-grid-column>
        <!-- <kendo-grid-column field="{{j}}{{this.shiftSummaryItems[i]?.tcdr[j]?.taskDescription}}" title="Task Code" [width]=150></kendo-grid-column> -->
        <!-- <kendo-grid-column field="{{tcdr[j].taskDescription}}" title="Task Description" [width]=150></kendo-grid-column> -->
      </ng-container>
    </ng-container>
  </kendo-grid>
</kendo-dialog>


<kendo-dialog title="Tasks" *ngIf="flagSelection" (close)="closeTasks()" class="custom-dialog">
  <kendo-grid #grid="kendoGrid" [sortable]="true" filterable="menu" [kendoGridBinding]="shiftSummaryData"
    [pageSize]="pageSize" class="custom-grid" [skip]="skip" [pageable]="true" [kendoGridSelectBy]="'id'"
    [selectable]="selectableSettings" [selectedKeys]="selectedId" [scrollable]="'none'"
    (selectedKeysChange)="selectId($event)">
    <ng-container *ngFor="let i = index">
      <ng-container *ngFor="let j = index">
        <kendo-grid-column field="{{this.shiftSummaryItems[i].tcdr[j].taskDescription}}" title="Task Code" [width]=150></kendo-grid-column>
      </ng-container>
    </ng-container>
  </kendo-grid>
</kendo-dialog>

Open in new window


What is the proper *ngFor syntax for the JSON data?
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial