关闭/打开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 Q3），则无法直接更改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;

 });