2016-08-14 60 views
0

我使用下面的代碼到的數據源如何在Kendo UI網格的selectedRow上執行命令?

dataSource.insert(0, data); 

開頭插入一個新的記錄。一旦記錄插入到數據源,我需要執行編輯命令。我怎樣才能做到這一點?

我認爲情況是類似下面:

  1. 獲取選定行

注執行編輯命令,我不希望有一個編輯欄/按鈕在每一行中。

回答

0

你可以試試下面的代碼片段。

<div id="grid"> 
</div> 
<input type="button" value="set selected row in edit mode" onclick="setEditMode();" /> 
<script> 
    var dataSource = new kendo.data.DataSource({ 
     data: [ 
      { Name: "Lisa", Value: 1 }, 
      { Name: "Dan", Value: 12 }, 
      { Name: "Ken", Value: 5 }, 
      { Name: "Arthur", Value: 15 }, 
     ], 
     schema: { 
      model: { 
       fields: { 
        Name: { type: "string" }, 
        Value: { type: "number" } 
       } 
      } 
     } 
    }); 

    $("#grid").kendoGrid({ 
     dataSource: dataSource, 
     dataBound: function (e) { 
     }, 
     editable: "inline", 
     selectable: "single", 
     columns: [ 
      { field: "Name" }, 
      { field: "Value" } 
     ], 
     sortable: true 
    }); 
    //by using below code you can convert selected row into edit mode 
    function setEditMode() { 
     var grid = $('#grid').data('kendoGrid'); 
     grid.editRow(grid.select()); 
    } 
</script> 

讓我知道是否有任何問題。