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

只有allowAddNew才会显示新的行模板   如果itemsSource对象支持添加，则property设置为true   新项目。

在wijmo grid angular2的开头添加新的空行

1 个答案: