Wie man KendoGrid Tab Order neu anordnet?

Question

Ich benutze ein KendoGrid und mache eine Inline-Batch-Bearbeitung. Nur einige ausgewählte Spalten können bearbeitet werden. Wenn die Tabulatortaste gedrückt wird, wird die nächste Spalte ausgewählt, aber es ist nicht die nächste bearbeitbare Spalte. Gibt es eine Möglichkeit, die Tab-Reihenfolge in einem KendoGrid zu kontrollieren? Wie würde ich die Registerkarten überspringen lassen, die nicht editierbar sind?

My Mark-UP:

<div id="employeeGoalsGrid"></div> 

Mein Javascript:

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, 
    }); 

Alle Vorschläge würden sehr geschätzt.

Answer 1

Können Sie versuchen, die editable Eigenschaft in den Rasteroptionen von true zu "inline" zu ändern und lassen Sie mich wissen, wenn das das Problem behebt? Ich habe ein ähnliches Szenario in this JSBin erstellt und die Tab-Reihenfolge funktioniert gut (Chrome unter OSX), wenn ich eine Zeile bearbeite.

Answer 2

überspringen Zelle Sie tabindex="99999"

ich eine jsfiddle zu Testzwecken erstellt verwenden müssen: http://jsfiddle.net/danieltulp/kfG7y/

Ich glaube, Sie bei Verwendung von Attributen suchen müssen: {tabindex: "999999"} in

{ field: "UnitsInStock", title: "Units In Stock", width: 110, attributes: { tabindex: "999999" } } 

aber das scheint nicht zu funktionieren. Jeder eine bessere Idee?

Vielleicht ist das einfach nicht möglich?