ExtJS 5 grid editionn - PullRequest
Новая
       9

ExtJS 5 grid editionn

0 голосов
/ 20 мая 2018

Я пытаюсь подготовить простую сетку с двумя столбцами для редактирования (последние два справа: number и checkbox).Редакция CellEditing плагин.

Сетка выглядит следующим образом:

enter image description here

заголовок определения сетки: 

{
       xtype: 'gridpanel',
       store: 'TimeStore',
       border: true,
       width: 800,
       cls: 'm-grid',
       margin: '10 0 0 0',
       selType: 'cellmodel',
       plugins: [
           Ext.create('Ext.grid.plugin.CellEditing', {
               clicksToEdit: 1,
               ptype: 'cellediting',
               listeners: {
                   'edit': function(edytor, data, event) {
                       ...
                       data.grid.view.refresh();
                       data.grid.getStore().commitChanges();
                   }
               }
           })
       ],
       features: [{
           ftype: 'summary'
       }],
       columns: [{..
       }]
   }

Определение CSS: 

.m-grid .x-grid-cell-selected{
    background-color: transparent !important;
}

И определение двух столбцов выглядит так: 

{
    align: 'center',
    width: 80,
    dataIndex: 'F_NUM',
    editor: {
        xtype: 'textfield',
        allowBlank: false,
        maskRe: /[0-9,]/
    },
    renderer: function(value, meta) {
        meta.style = "background-color:lightgray;";
        return value;
    }
}, {
    xtype: 'checkcolumn',
    align: 'center',
    width: 80,
    dataIndex: 'F_CHCK',
    editor: {
        xtype: 'checkboxfield'
    }
}

И это числовое поле работает должным образом, как и ожидалось, но я понятия не имею, что не так с последним столбцом.Редакция этого столбца флажка не может работать должным образом (когда я проверяю его и перехожу в другое место, отмеченная позиция становится не отмеченной), и, кроме того, я не могу установить тот же фон, что и для столбца с числами (этот светло-серый цвет фона),

Я пытаюсь использовать стиль: 

renderer: function(value, meta) {
    meta.style = "background-color:lightgray;";
}

, но результат следующий:

enter image description here

И я не могу найти, что не такв этом коде, вы могли бы помочь?

...