在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工作正常，但添加 bottom ：

<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的描述是从此链接复制的：

获取或设置一个指示新行模板的值 应位于网格的顶部或底部。

如果将newRowattop属性设置为true，并且想要新行 始终保持可见的模板，设置Frozenrows属性 一个。这将冻结顶部的新行模板，以免 滚动视图。

只有在允许的情况下，才会显示新的行模板 属性设置为true，如果物品源对象支持添加 新项目。