슬릭 그리드 (Slick Grid)가 새로운 행에 포커스가 들어갈 때 행의 ID 필드를 증가시킵니다.

Question

SlickGrid를 사용하고 있습니다. 첫 번째 열이 고유 (편집 가능)로 유지되어야하는 ID 열 3 개가 있으며, 자동 증분 포커스가 새로운 행에 들어갈 때마다 각 행의 인덱스가 표시됩니다. 양식을 제출할 때 고유성을 검사해야합니다.

Answer 1

나는 각 새 행에 음수 값을 할당하고 색인을 감소시킴으로써이를 처리합니다. -1, -2, -3.

일단 이러한 행이 서버로 보내지고 저장되면 적절한 ID로 돌아오고 모든 것이 양호합니다.

var newRowCounter = -1; 

그런 다음 기본 값을 설정하고 표를 새로 고치려면 onAddNewRow에 대한 콜백을 추가했습니다.

this.Grid.onAddNewRow.subscribe(function (e, args) { 
    var item = { 
     myId: newRowCounter-- 
    }; 

    $.extend(item, args.item); // Merge my default item and user input 
    args.item = item; 

    var dataview = args.grid.getData(); // Retrieve my underlying datacontext. 
    dataview.addItem(args.item); // Add my merged item to the datacontext. 

    args.row = dataview.getLength() - 1; 
    args.grid.invalidateRow(args.row); // Tell the grid this row changed 

    self.Grid.updateRowCount(); 
    self.Grid.render(); // Display our changes. 
});