在 wijmo 网格 angular2 的开头添加新的空行答案

【问题标题】：Add new empty row at beginning in wijmo grid angular2在 wijmo 网格 angular2 的开头添加新的空行
【发布时间】：2018-09-06 07:13:43
【问题描述】：

我试图在单击外部按钮时在网格的开头添加一个新的空行。网格显示非常好。

<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>

请帮助我如何实现这一目标。

谢谢

【问题讨论】：

标签： angularjs angular wijmo5

【解决方案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 属性到一个。这将冻结顶部的新行模板，因此不会滚动视图。

仅当allowAddNew 时才会显示新的行模板属性设置为 true 并且 itemsSource 对象支持添加新项目。

【讨论】：