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