Отключение всего столбца в ext js 4.2.1

Question

У меня есть простая сетка из нескольких столбцов и редактируемые поля каждого столбца. Когда я вызываю column.disable(), отключается только заголовок столбца, а поля в столбце по-прежнему доступны для редактирования. Как я могу отключить все поля в столбце?

Answer 1

в сочетании с обработчиком события beforeedit, вы можете использовать средство визуализации, чтобы изменить tdStyle ячейки, чтобы указать, что она отключена:

renderer: function(value, meta, record, rowIdx, colIdx, store, view) {
    var column = this.getHeaderContainer().getHeaderAtIndex(colIdx);
    if (column.disabled) {
        meta.tdStyle = "opacity: 0.4;";
    }

    return value;
}

tdCls еще лучше и позволяет более тонко настроить внешний вид .

Answer 2

Вы должны вызвать disable метод после рендеринга вашего редактора . Я использую событие beforeedit для отключения моих полей. Например:

beforeedit: function (editor, context) {
    ...
    editor.editor.down('onetomanyeditor').disable()
    ...
},