Can Kendo Grid be always in edit mode?

kendo-grid, kendo-ui

Solution

Apart from using batch editing mode you can try setting the template of every column and binding the input elements to the data items using MVVM.

$("#grid").kendoGrid({
  dataSource: {
    schema: {
      model: {
        id: "id",
        fields: {
          id: { editable: false }
        }
      }
    }
    data: [
      { id:1, age: 30, name: "John Doe" }
    ]
  },
  columns: [
    { field: "id", width: 50 },
    { field: "age", template: "<input data-bind='value: age' data-role='numerictextbox'>" },
    { field: "name", template:"<input data-bind='value: name' >" }
  ],
  dataBound: function() {
    var rows = this.tbody.children();
    var dataItems = this.dataSource.view();
    for (var i = 0; i < dataItems.length; i++)  {
      kendo.bind(rows[i], dataItems[i]);
    }
  }
});

Here is a live demo: http://jsbin.com/ApoFobA/2/edit

Problem

Does anyone know if the kendo grid could be always set to edit mode at all times? We don't want the user to click on a cell or a button to activate the edit mode. We want it the widgets to be displayed and available at all times. Is it possible at all?

Original source