Edit this page

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>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy