關閉/打開Kendo UI網格可編輯模式

Question

我正在使用Kendo grid，其中網格的可編輯選項需要根據某個標誌打開/關閉。有人可以幫助，如何實現。

 <button class="change-mode">Change Edit Mode</button> 

    $('.change-mode').click(function(){ 
      //Swit ched on /off here based on some flag  
      //console.log($("#grid")); 
     $("#grid").options.editable = false;  
    }); 

這裏是jsfiddle

Answer 1

如果您正在使用最新版本KendoUI（2014年第3季度）您不能直接更改options，但可以使用setOptions。

<button class="change-mode">Change Edit Mode</button> 

$('.change-mode').click(function(){ 
    //Swit ched on /off here based on some flag 
    var grid = $("#grid").data("kendoGrid"); 
    var enabled = grid.options.editable !== false; 
    grid.setOptions({editable: !enabled}); 
}); 

你的jsfiddle修改這裏：http://jsfiddle.net/OnaBai/mnmm1bqw/4/

Answer 2

使用編輯功能和全局變量來禁用和啓用編輯模式

一些東西像下面

var globFlag=true; 

$("#grid").kendoGrid({ 

    ... 

    edit: function(e) { 
      if (globFlag) { 
       this.closeCell(); 
      } 
     } 

    ... 

}); 


$('.change-mode').click(function(){ 
      if(globFlag) 
       globFlag=false; 
      else 
       globFlag=true; 

});