javascript - Kendo Grid, How to enable edit on next editable column pressing tab key? -
javascript - Kendo Grid, How to enable edit on next editable column pressing tab key? -
i have editable grid, editable after click on selected cell.
i ask:
is possible enable event after tab pressed, edit mode moved next editable field on same row?
thanks help.
set navigatable true in grid initialization. documentation says:
class="snippet-code-js lang-js prettyprint-override">$(document).ready(function () { var crudservicebaseurl = "http://demos.telerik.com/kendo-ui/service", datasource = new kendo.data.datasource({ transport: { read: { url: crudservicebaseurl + "/products", datatype: "jsonp" }, update: { url: crudservicebaseurl + "/products/update", datatype: "jsonp" }, parametermap: function(options, operation) { if (operation !== "read" && options.models) { homecoming {models: kendo.stringify(options.models)}; } } }, batch: true, pagesize: 7, schema: { model: { id: "productid", fields: { productid: { editable: false, nullable: true }, productname: { validation: { required: true } }, unitprice: { type: "number", validation: { required: true, min: 1} }, discontinued: { type: "boolean" }, unitsinstock: { type: "number", validation: { min: 0, required: true } } } } } }); $("#grid").kendogrid({ datasource: datasource, pageable: true, navigatable: true, height: 550, toolbar: ["save"], columns: [ "productname", { field: "unitprice", title: "unit price", format: "{0:c}", width: 120 }, { field: "unitsinstock", title: "units in stock", width: 120 } ], editable: true }); }); class="snippet-code-html lang-html prettyprint-override"><link href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.common.min.css" rel="stylesheet" /> <link href="http://cdn.kendostatic.com/2014.2.1008/styles/kendo.default.min.css" rel="stylesheet" /> <script src="http://cdn.kendostatic.com/2014.2.1008/js/jquery.min.js"></script> <script src="http://cdn.kendostatic.com/2014.2.1008/js/kendo.all.min.js"></script> <div id="grid"></div>
javascript kendo-ui kendo-grid
Comments
Post a Comment