Подтвердить что ты не робот

Как изменить порядок заказа 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,
    });

Любые предложения были бы весьма признательны.

4b9b3361

Ответ 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), когда я редактирую строку.