Добавить новую строку в SlickGrid

Question

Привет, я пробовал эти два кода для вставки новой строки в slickgrid.

код-1:

data1.push({id: "12345", name: "secKey", field: "secKey", complete:true}); 
     //grid1.setData(data1); 
     //grid1.render(); 

он вставляет как неопределенные в пятно ячейки сетки ..

код-2:

try{ 
      var rowData = grid1.getData(); 
      //alert(rowData+"rowdata"); 

      newId = dataView1.getLength(); 
      //alert(newId); 
      newRow.id = newId + 1; 
      //alert(newRow.id); 
      var newRow = {title: "new Title"}; 
      //alert(newRow); 
      dataView1.insertItem(newRow.id, newRow); 
      alert("end"); 
      }catch(e){ 
       alert("error:"+e.description); 
      } 

код-2 уловы и дает ошибку .. я знаю, что я должен изменить код.!

Answer 1

Если вы используете Slick.DataView, вы должны использовать метод .addItem

dataView.beginUpdate(); 
dataView.addItem(item); 
dataView.endUpdate(); 

Answer 2

Вы можете сделать это следующим образом, если вы используете DataView,

 
function AddNewRow() { 
    dataView.addItem({id: "12345", name: "secKey", field: "secKey", complete:true}); 
    dataView.refresh(); 
} 

или вы можете сделать это, как следует, если вы не используете dataview,

 
    function AddNewRow() { 
     grid.getData().splice(grid.getDataLength(), 1, {}); 
     grid.invalidateRow(grid.getSelectedRows()); 
     grid.updateRowCount(); 
     grid.render(); 
    } 

Answer 3

Так я использовал ответ Джатина (остроумие) hout dataview):

slickgrid.onAddNewRow.subscribe(function (e, args) { 
     var newRow = args.item; 
     newRow.prop1= true; 
     newRow.prop2= false; 
     newRow.prop3= 0; 
     newRow.prop4= ""; 

     args.grid.getData().splice(args.grid.getDataLength(), 1, newRow); 
     args.grid.invalidateRow(args.grid.getDataLength() - 1); 
     args.grid.updateRowCount(); 
     args.grid.render(); 
    });