Jak zmienić kolejność zakładki KendoGrid?

Question

Używam KendoGrid i robię edycję wsadową. Tylko kilka wybranych kolumn można edytować. Po kliknięciu na zakładkę wybrana jest następna kolumna, ale nie jest to kolejna kolumna do edycji. Czy istnieje sposób kontrolowania kolejności kart w KendoGrid? Jak sprawić, by karty pomijały kolumny, których nie można edytować?

Moja Mark-UP:

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

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

Wszelkie sugestie będą bardzo mile widziane.

Answer 1

Czy możesz spróbować zmienić właściwość editable w opcjach siatki od true na "inline" i daj mi znać, jeśli to rozwiąże problem? Stworzyłem podobny scenariusz w this JSBin, a kolejność kart działa dobrze (Chrome na OSX) podczas edycji wiersza.

Answer 2

Aby pominąć komórkę trzeba użyć tabindex="99999"

stworzyłem jsfiddle dla celów testowych: http://jsfiddle.net/danieltulp/kfG7y/

myślę, że trzeba spojrzeć na użyciu atrybutów: {tabindex: "999999"} w

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

ale to nie działa. Ktoś lepszy pomysł?

Może to po prostu niemożliwe?