wijmo 그리드 각도 시작 부분에 새 빈 행 추가

Question

외부 버튼 클릭시 그리드 시작 부분에 새 빈 행을 추가하려고합니다. 그리드가 완벽하게 잘 보이고 있습니다. collectionView를 사용

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

및 데이터 :

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

이 [allowAddNew] = 'true'을 사용하여, 그것은 기본적으로 아래에 새 행을 추가합니다. 하지만 버튼 클릭시 처음에 추가하고 싶습니다.

업데이트 :

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

addNewRow가 잘 작동하지만 바닥에 추가 :

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

내가 이것을 달성 할 수있는 방법 도와주세요. 그리드 속성 newRowAtTop을 제공 wijmo

감사

Answer 1

은 상단에있는 새 행을 설정합니다.

은 다음과 같이 코드를 수정

<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 개체가 새 항목 추가를 지원하는 경우에만 새 행 템플릿이 표시됩니다.