编辑现有的 Extjs 列表

Question

我尝试从网格视图编辑一些 Shopware Extjs 单元格，但我的覆盖不起作用。

我试图用 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

您可以使用 Replace 替换 Ext.Array.insert。Ext.Array.replace (columns, 0, 1, [ColorColumn]);

Answer 2

如果您知道要替换的列的位置，则可以在该位置分配新对象。列[1] = 颜色列