在開始在wijmo網格添加新的空行angular2

Question

我想在外部按鈕單擊網格開始時添加一個新的空行。網格顯示非常好。

<wj-flex-grid #flex 
    [itemsSource]="data" 
    [isReadOnly]="true" 
    [headersVisibility]="'Column'" 
    [selectionMode]="'ListBox'" 
    (selectionChanged)="gridSelectionChange($event, flex)" 
    (loadedRows)="onGridLoaded($event)"> 
</wj-flex-grid> 

和數據使用collectionView：

this.data = new wjcCore.CollectionView(records); 

使用[allowAddNew] = 'true'，它在底部默認添加新行。 但我想在按鈕點擊開始時添加。

更新時間：

addNewRow(ctl) { 
    this.data.addNew(); 
} 

其中addNewRow工作正常，但在底部補充說：

<a (click)="addNewRow(flex)">add new</a> 

請幫助我如何才能做到這一點。

感謝

Answer 1

要設置新行的頂部，wijmo電網提供了一個性能newRowAtTop。

修改代碼，如下圖所示：

<wj-flex-grid #flex 
    [newRowAtTop] = "true" 
    [itemsSource]="data" 
    [isReadOnly]="true" 
    [headersVisibility]="'Column'" 
    [selectionMode]="'ListBox'" 
    (selectionChanged)="gridSelectionChange($event, flex)" 
    (loadedRows)="onGridLoaded($event)"> 
</wj-flex-grid> 

注意[newRowAtTop] = "true"部分在上面的代碼。

以下newRowAtTop說明從this鏈接複製：

獲取或設置一個值，表示新的行模板， 是否應該位於網格的頂部或底部。

如果將newRowAtTop屬性設置爲true，並且希望新行 模板始終保持可見狀態，請將frozenRows屬性 設置爲1。這會凍結頂部的新行模板，因此不會從 滾動視圖。

只有當allowAddNew 屬性設置爲true並且itemsSource對象支持添加 新項目時，纔會顯示新行模板。