Databases
StackOverflow2013
Postsdbo
POHow to rearrange KendoGrid Tab Order?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to rearrange KendoGrid Tab Order?
    text
    copied!<p>I'm using a KendoGrid and doing a inline batch edit. Only a select few columns are editable. When hit tab the next column selected but it is not the next editable column. Is there a way to control the tab order in a KendoGrid? How would I make the tabs skip columns that are not editable? </p> <p>My Mark-UP:</p> <pre><code>&lt;div id="employeeGoalsGrid"&gt;&lt;/div&gt; </code></pre> <p>My Javascript: </p> <pre><code>var goalsDataSource = new kendo.data.DataSource({ transport: { read: { url: '/MVC/ResearcherPoints/GetEmployeeResearchers', type: 'POST', contentType: 'application/json' }, update: { url: '/MVC/ResearcherPoints/UpdateEmployeeGoal', type: 'POST', contentType: 'application/json' //dataType: "jsonp" }, parameterMap: function (options, type) { debugger; $.extend(options, { ID: options.id }); return JSON.stringify(options); } }, batch: false, schema: { model: { id: 'ID', fields: { id: { editable: false, nullable: false }, FirstName: { editable: false, nullable: true }, LastName: { editable: false, nullable: true }, Title: { editable: false, nullable: true }, TeamName: { editable: false, nullable: true }, PointsGoal: { type: "number", nullable: true, validation: { required: false, min: 1 } } } } }, sortable: true, filterable: true, columnMenu: true }); $('#employeeGoalsGrid').kendoGrid({ dataSource: goalsDataSource, navigatable: true, sortable: true, resizable: true, toolbar: ["save", "cancel"], columns: [ { field: "FirstName", title: "First Name", width: 200}, { field: "LastName", title: "Last Name", width: 200 }, { field: "Title", title: "Title", width: 200 }, { field: "TeamName", title: "Team", width: 200 }, { field: "PointsGoal", title: "Goal", width: 200 }], editable: true, filterable: true, }); </code></pre> <p>Any suggestions would be greatly appreciated. </p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload