2014-11-25 3 views
1

Я использую Kendo grid, где редактируемый параметр сетки должен быть включен/выключен на каком-то флаге. Может ли кто-нибудь помочь, как это можно достичь.Выключить/отключить сетку пользовательского интерфейса Kendo

 <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

ответ

6

Если вы используете последнюю версию 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/

+0

Чудесно сделано. +1 –

1

и глобальную переменную, чтобы отключить и включить режим редактирования

некоторые вещи, как показано ниже

var globFlag=true; 

$("#grid").kendoGrid({ 

    ... 

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

    ... 

}); 


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

}); 
Смежные вопросы