jquery - pageable - Desactivar/activar el modo editable de la rejilla Kendo UI

kendo grid template

Question

Estoy usando una Kendo grid donde la opción editable de la cuadrícula debe encenderse / apagarse en función de alguna bandera. ¿Alguien puede ayudar a eso? ¿Cómo puede lograrse?

     <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;    
     });

Aquí está el jsfiddle

Answer 1

Si está utilizando la última versión de KendoUI (2014 Q3), no puede cambiar las options directamente, pero puede usar 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}); 
});

Su JSFiddle modificado aquí: http://jsfiddle.net/OnaBai/mnmm1bqw/4/

Answer 2

Utilice la función de edición y la variable global para deshabilitar y habilitar el modo de edición

algo como a continuación

var globFlag=true;

$("#grid").kendoGrid({

  ...

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

  ...

});


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

 });