Kendoui如何將Kendo Angular 2網格動態添加到面板欄？

我有一個面板欄，顯示正確的面板列表。問題是我需要爲每個面板顯示完全不同的網格。我怎樣才能做到這一點？Kendoui如何將Kendo Angular 2網格動態添加到面板欄？

我的數據結構看起來像這樣

let gridData: any[] = []; 

           var objectForGrid1 = { 

           C1: "123456", 

           C2: "1234", 

           C4: "4567" 

           }

var objectForGrid2 = { 

          C1: "Product", 

          C2: "Product Description", 

          C3: "Date", 

          C4: "Date" 

          } 

         gridData.push(objectForGrid1); 

         gridData.push(objectForGrid2);

來源

2017-09-22 Terrance Jackson

您可以使用templates來作爲不同PanelBar項目的內容提供不同的網格各自的設置，如：

<kendo-panelbar> 
     <kendo-panelbar-item [title]="'Grid 1'" [expanded]="true"> 
      <ng-template kendoPanelBarContent> 
       <kendo-grid [data]="grid1Data"></kendo-grid> 
      </ng-template> 
     </kendo-panelbar-item> 
     <kendo-panelbar-item [title]="'Grid 2'" [expanded]="true"> 
      <ng-template kendoPanelBarContent> 
       <kendo-grid [data]="grid2Data"></kendo-grid> 
      </ng-template> 
     </kendo-panelbar-item> 
    </kendo-panelbar>

EXAMPLE

來源

2017-09-23 09:02:54 topalkata

那麼，如果我動態需要網格？直到存儲過程從數據庫返回後，我纔會知道需要多少個網格。它可以是2個網格，可以是10個網格進入面板。我直到運行時纔會知道，所以我需要一種動態添加它們的方式，比如ngFor或者其他東西 –

通過* ngFor循環訪問不同網格的屬性，併爲每個網格創建一個PanelBar項目，例如： http： //plnkr.co/edit/zHU1s8cDTovr3go3mVGi?p=preview – topalkata

你是一個救星 –

Kendoui如何將Kendo Angular 2網格動態添加到面板欄？

回答

相關問題