Редактировать существующий список Extjs

Question

Я пытаюсь отредактировать некоторые Shopware Extjs Cells из таблицы, но моя переопределение не работает.

Я попытался переопределить ячейки с помощью dataIndex.Моя цель - переопределить ячейки состояния в Shopware и добавить цвет фона для этих ячеек.(красный фон).

//{block name="backend/order/view/list/list"}
//{$smarty.block.parent}
Ext.define('Shopware.apps.OrderColor.view.lit.List', {
    override: 'Shopware.apps.Order.view.list.List',

getColumns: function () {

    var me = this;

    var columns = me.callOverridden(arguments);

    var ColorColumn = {
        dataIndex: 'status',
        flex: 1,
        align: 'center',
        sortable: false,
        renderer: function () {
            return '<div data-qtip="{s      namespace=backend/order_color/view/list/list name=itemsWithNoStock}Bestellstatus Eins{/s}" id="test" class="x-grid-cell-inner" style="background-color:#dc514d; margin: 0 auto; width: auto; height: 100%; border-radius: 0px;"></div>';
        },
    };
    return Ext.Array.insert(columns, 0 - 1, [ColorColumn]);
}d
});

Результат: у меня новый столбец.Но я хочу перезаписать существующие из Shopware.

Answer 1

Если вы знаете местоположение столбца, который нужно заменить, вы можете просто назначить новый объект в этом месте.столбцы [1] = ColorColumn

Answer 2

Вы можете заменить файл Ext.Array.insert на Replace.

Ext.Array.replace (столбцы, 0, 1, [ColorColumn]);