Как изменить порядок заказа KendoGrid Tab?
Я использую KendoGrid и выполняю встроенное пакетное редактирование. Доступны только избранные несколько столбцов. При нажатии вкладки выбирается следующий столбец, но это не следующий редактируемый столбец. Есть ли способ контролировать порядок вкладок в KendoGrid? Как мне сделать вкладки пропускать столбцы, которые не редактируются?
Моя отметка:
<div id="employeeGoalsGrid"></div>
Мой 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,
});
Любые предложения были бы весьма признательны.
Ответы
Ответ 1
Чтобы пропустить ячейку, вам нужно использовать tabindex="99999"
Я создал jsfiddle для тестирования: http://jsfiddle.net/danieltulp/kfG7y/
Я думаю, вам нужно посмотреть на использование атрибутов: {tabindex: "999999" } в
{ field: "UnitsInStock", title: "Units In Stock", width: 110, attributes: { tabindex: "999999" } }
но это, похоже, не работает. Кто-нибудь лучше?
Возможно, это просто невозможно?
Ответ 2
Можете ли вы попробовать изменить свойство editable
на параметры сетки от true
до "inline"
и сообщить мне, устраняет ли это проблему? Я создал аналогичный сценарий в этот JSBin, и порядок вкладок отлично работает (Chrome OSX), когда я редактирую строку.