Neue leere Zeile am Anfang in Wijmo Raster hinzufügen angular2

Question

Ich versuche, eine neue leere Zeile am Anfang des Rasters auf externe Schaltfläche klicken klicken. Grid zeigt sich einwandfrei.

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

und Daten mit collectionView:

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

[allowAddNew] = 'true' Verwendung, fügt es neue Zeile in der unteren standardmäßig. Aber ich möchte am Anfang auf Knopfdruck hinzufügen.

Aktualisiert:

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

wo addNewRow arbeiten gut, aber die Zugabe in Boden:

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

Bitte helfen, wie ich das erreichen kann.

Dank

Answer 1

Um die neue Zeile oben gesetzt, wijmo Gitter newRowAtTop eine Eigenschaft zur Verfügung stellt.

Ändern Sie den Code wie folgt:

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

Notiere die [newRowAtTop] = "true" Teil in obigen Code.

folgende Beschreibung wird aus newRowAtTopthis Verbindung kopiert:

Ruft einen Wert, der die neue Zeile Vorlage gibt an, ob sollte an der Oberseite des Gitters oder am Boden angeordnet sein.

Wenn Sie die newRowAtTop-Eigenschaft auf true festlegen und die neue Zeile immer sichtbar bleiben soll, legen Sie die frozenRows-Eigenschaft auf eins fest. Dies wird die neue Zeile Vorlage an der Spitze einfrieren, so dass es nicht von der Ansicht scrollen.

Die neue Zeilenvorlage wird nur angezeigt, wenn die Eigenschaft allowAddNew auf true festgelegt ist und wenn das Objekt itemsSource das Hinzufügen von neuen Elementen unterstützt.