editable.window Object

Configures the Kendo UI Window instance, which is used when the Grid edit mode is "popup". The configuration is optional.

For more information, please refer to the Window configuration API.

Example - Grid popup Window configuration

<div id="grid"></div>
<script>

  function myOpenEventHandler(e) {
    var confirm =   window.confirm('Do you want to edit this record?');
    if(!confirm){
      e.preventDefault()
    }
  }

  var dataSource = new kendo.data.DataSource({
   data: [
    { id: 1, name: "Jane Doe", age: 30 },
    { id: 2, name: "John Doe", age: 33 }
   ],
   schema:{
    model: {
     id: "id",
     fields: {
       age: { type: "number"}
     }
    }
   }
  });

  $("#grid").kendoGrid({
    columns:['name','age', {command:'edit'}],
    dataSource:dataSource,
    editable: {
      mode: "popup",
      window: {
        title: "My Custom Title",
        animation: false,
        open: myOpenEventHandler
      }
    }
  });
</script>