title: kendo grid ui editable configuration
body: <p>I just want to ask if somebody knows how to set the kendo grid to editable true or false on button click.? I can set the grid to editable true if it is set to false but, I can't set it back to editable false. Your response is highly appreciated. :)</p>
  
  <pre><code>$('.k-grid-add').on('click',function(){
     $("#grid").kendoGrid({
            dataSource: dataSource,
            navigatable: true,
            pageable: true,
            height: 430,
            toolbar: ["create", "save", "cancel"],
            columns: [
                "ProductName", {
                field: "UnitPrice",
                title: "Unit Price",
                format: "{0:c}",
                width: 110
            }, {
                field: "UnitsInStock",
                title: "Units In Stock",
                width: 110
            }, {
                field: "Discontinued",
                width: 110
            }, {
                command: "destroy",
                title: "&amp;nbsp;",
                width: 90
            }],
            editable: true
        });
  });
  
  $('.k-grid-cancel-changes').on('click',function(){
  $("#grid").kendoGrid({
            dataSource: dataSource,
            navigatable: true,
            pageable: true,
            height: 430,
            toolbar: ["create", "save", "cancel"],
            columns: [
                "ProductName", {
                field: "UnitPrice",
                title: "Unit Price",
                format: "{0:c}",
                width: 110
            }, {
                field: "UnitsInStock",
                title: "Units In Stock",
                width: 110
            }, {
                field: "Discontinued",
                width: 110
            }, {
                command: "destroy",
                title: "&amp;nbsp;",
                width: 90
            }],
            editable: false
        });
  });
  </code></pre>