Magento 2 Как добавить новый столбец в сетку заказов

20

Я добавил новый столбец в таблицу с sales_orderименем export_status, теперь я хочу добавить новый столбец сетки заказов с данными из новогоsales_order столбца.

Мне удалось добавить столбец в the sales_order_gridтаблицу.

$installer->getConnection()->addColumn($installer->getTable("sales_order_grid"), "xml_exported", [
     'type' => \Magento\Framework\DB\Ddl\Table::TYPE_TEXT,
     'comment' => 'XML Exported'
]);

Как я могу теперь сделать так, чтобы это отображалось в сетке заказов со значением из sales_order export_statusстолбца?

Андре Феррас
источник
Вы можете найти ответ magento.stackexchange.com/questions/87012/…
Кришна Иджада
Я думаю, что есть лучший способ сделать это без необходимости использовать наблюдателя и использовать события.
Андре Ферраз
В этой статье пошагово описывается добавление столбца в сетку заказов на продажу: sivaschenko.com/magento2/2016/03/05/…
Сергей Иващенко,
Попробуйте решение здесь. Этот метод использует плагин для добавления столбцов.
Асрар
Я думаю, что вы должны проверить это: хороший учебник sivaschenko.com/magento2-sales-order-grid-column
Абид Малик

Ответы:

42

После долгих поисков кода ядра magento я нашел решение для своего вопроса. Вместо добавления столбца в сетку через базу данных, я создал компонент пользовательского интерфейса sales_order_grid.xmlпод[COMPANY]/[MODULE]/view/adminhtml/ui_component/sales_order_grid.xml

<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <columns name="sales_order_columns">
        <column name="export_status" class="[COMPANY]\[MODULE]\Ui\Component\Listing\Column\Status">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="label" xsi:type="string" translate="true">XML Exported</item>
                </item>
            </argument>
        </column>
    </columns>
</listing>

Затем создал класс пользовательского интерфейса под [COMPANY]/[MODULE]/Ui/Component/Listing/Column/Status.php

namespace [COMPANY]\[MODULE]\Ui\Component\Listing\Column;

use \Magento\Sales\Api\OrderRepositoryInterface;
use \Magento\Framework\View\Element\UiComponent\ContextInterface;
use \Magento\Framework\View\Element\UiComponentFactory;
use \Magento\Ui\Component\Listing\Columns\Column;
use \Magento\Framework\Api\SearchCriteriaBuilder;

class Status extends Column
{
    protected $_orderRepository;
    protected $_searchCriteria;

    public function __construct(ContextInterface $context, UiComponentFactory $uiComponentFactory, OrderRepositoryInterface $orderRepository, SearchCriteriaBuilder $criteria, array $components = [], array $data = [])
    {
        $this->_orderRepository = $orderRepository;
        $this->_searchCriteria  = $criteria;
        parent::__construct($context, $uiComponentFactory, $components, $data);
    }

    public function prepareDataSource(array $dataSource)
    {
        if (isset($dataSource['data']['items'])) {
            foreach ($dataSource['data']['items'] as & $item) {

                $order  = $this->_orderRepository->get($item["entity_id"]);
                $status = $order->getData("export_status");

                switch ($status) {
                    case "0":
                        $export_status = "No";
                        break;
                    case "1";
                        $export_status = "Yes";
                        break;
                    default:
                        $export_status = "Failed";
                        break;

                }

                // $this->getData('name') returns the name of the column so in this case it would return export_status
                $item[$this->getData('name')] = $export_status;
            }
        }

        return $dataSource;
    }
}
Андре Феррас
источник
Это сработало отлично. Я столкнулся с проблемой, когда эта настройка заставляет панель инструментов сетки заказов отображаться после сетки. Вы сталкивались с этой проблемой?
Ян
@ У меня такой проблемы не было. Какую версию magento 2 вы используете?
Андре Феррас
2
CE 2.1.1. Я определил проблему. Мой модуль предшествовал Magento_Sales в алфавитном порядке. Я добавил <sequence> с зависимостью к Magento_Sales, отключил мой модуль и затем снова включил его. Это исправило проблему.
Ян
1
Это работает и для параметров экспорта? В моем случае экспортированные данные имели пустые значения.
MagePsycho
1
Аналогично Magento 1, filter_condition_callbackгде вы можете добавить свой собственный фильтр в соответствии с полем. Пожалуйста, не говори "Что ты имеешь в виду?" на этот раз;)
MagePsycho
33

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

продавец / [поставщиков] / [пакет] /view/adminhtml/ui_component/sales_order_grid.xml

<!-- Add the column "my_column" (My Column) to the sales order grid. -->
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<columns name="sales_order_columns">
    <column name="my_column">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="filter" xsi:type="string">text</item>
                <item name="label" xsi:type="string" translate="true">My Column</item>
            </item>
        </argument>
    </column>
</columns>

Обратите внимание, что вы должны включить столбец с помощью раскрывающегося виджета над сеткой заказов, прежде чем он появится.

продавец / [поставщиков] / [пакет] /etc/di.xml

<!-- Sync the column "my_column" between the sales_order and sales_order_grid tables -->
<virtualType name="Magento\Sales\Model\ResourceModel\Order\Grid" type="Magento\Sales\Model\ResourceModel\Grid">
    <arguments>
        <argument name="columns">
            <item name="my_column" xsi:type="string">sales_order.my_column</item>
        </argument>
    </arguments>
</virtualType>

Пример кода установки для добавления столбца в таблицу sales_order_grid (используйте это в вашем скрипте установки / обновления). Этот же код работает для таблицы sales_order.

$setup->getConnection()->addColumn(
        $setup->getTable('sales_order_grid'),
        'my_column',
        [
            'type' => \Magento\Framework\DB\Ddl\Table::TYPE_TEXT,
            'length' => 255,
            'nullable' => true,
            'comment' => 'My Column'
        ]
    );

Надеюсь, это поможет! :-)

MageParts
источник
Этот ответ требует, чтобы столбец был таблицей sales_order_grid, правильно?
Теро Лахтинен
@MageParts, когда этот скрипт будет работать?
SagarPPanchal
1
работал для меня, спасибо: 3 между прочим, в том, что sales_order_grid.xmlвы должны закрыть свой тег <list> </ list>, иначе он вернет ошибку xml
fudu
<аргумент name = "columns"> должен быть заменен на <аргумент name = "columns" xsi: type = "array"> в файле di: xml. В противном случае он вернет следующую ошибку. Недопустимый элемент документа 'аргумент': определение типа является абстрактным.
18:24
1

Для создания нового столбца в таблице заказов, я сослался на Magento Default Module vendor / magento / module-customer-balance

В моем случае столбец «custom_column» уже существует в таблице sales_order.

Я должен показать столбец «custom_column» в сетке заказов

Шаг 1. Добавьте новый столбец в таблицу sales_order_grid.

        $connection = $installer->getConnection();
        if ($connection->isTableExists('sales_order_grid')) {
            $connection->addColumn(
                $connection->getTableName('sales_order_grid'),
                'custom_column',
                [
                    "type"      =>  Table::TYPE_TEXT,
                    'default'   =>  null,
                    "comment"   =>  'Custom Column'
                ]
            );
    }

Шаг 2: файл di.xml в приложении \ code [Vendor] [NameSpace] \ etc \ di.xml

 <!-- Adding Columns in sales_order_grid-->
    <virtualType name="Magento\Sales\Model\ResourceModel\Order\Grid">
        <arguments>
            <argument name="columns" xsi:type="array">
                <item name="custom_column" xsi:type="string">sales_order.custom_column</item>
            </argument>
        </arguments>
    </virtualType>
    <virtualType name="Magento\SalesArchive\Model\ResourceModel\Order\Grid">
        <arguments>
            <argument name="columns" xsi:type="array">
                <item name="custom_column" xsi:type="string">sales_order.custom_column</item>
            </argument>
        </arguments>
    </virtualType>

Шаг 3. Создайте файл макета sales_order_grid.xml в папке app \ code [Vendor] [NameSpace] \ view \ adminhtml \ ui_component

<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <columns name="sales_order_columns">
        <column name="custom_column">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="filter" xsi:type="string">text</item>
                    <item name="label" xsi:type="string" translate="true">Custom Column</item>
                </item>
            </argument>
        </column>
    </columns>
</listing>

Примечание: это было проверено в версии 2.2.6 Magento

Рену Мишра
источник
0

Demo / ExtendedGrid / просмотр / adminhtml / ui_component / sales_order_grid.xml

<?xml version="1.0" encoding="UTF-8"?>
<!--
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <columns name="sales_order_columns">
        <column name="new_column_name" class="Demo\ExtendedGrid\Ui\Component\Listing\Column\NewColumnStatus">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="sortable" xsi:type="boolean">false</item>
                    <item name="has_preview" xsi:type="string">1</item>
                    <item name="label" xsi:type="string" translate="true">New Column Name</item>
              </item>
            </argument>
        </column>
    </columns>
</listing>

Затем создал класс пользовательского интерфейса для его рендеринга.

Демо / ExtendedGrid / Ui / Компонент / Листинг / колонки / NewColumnStatus.php

<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
namespace Demo\ExtendedGrid\Ui\Component\Listing\Column;

/**
 * Class  NewColumnStatus
 */
class NewColumnStatus extends \Magento\Ui\Component\Listing\Columns\Column
{

    /**
     * @var string[]
     */
    protected $statuses;

   /**
     * Constructor
     *
     * @param ContextInterface $context
     * @param UiComponentFactory $uiComponentFactory
     * @param CollectionFactory $collectionFactory
     * @param array $components
     * @param array $data
     */
       public function __construct(
        \Magento\Framework\View\Element\UiComponent\ContextInterface $context,
        \Magento\Framework\View\Element\UiComponentFactory $uiComponentFactory,
        \Magento\Framework\UrlInterface $urlBuilder,
        array $components = [],
        array $data = []
    ) {
        $this->urlBuilder = $urlBuilder;
         parent::__construct($context, $uiComponentFactory, $components, $data);
    }


    /**
     * Prepare Data Source
     *
     * @param array $dataSource
     * @return void
     */
    public function prepareDataSource(array $dataSource)
    {
        if (isset($dataSource['data']['items'])) {
            foreach ($dataSource['data']['items'] as &$item) {

           //put  the logic here


            }
        }

        return $dataSource;
   }
}

Не забудьте очистить кеш.

Дивья
источник
-1

Я создал пользовательский модуль, который добавит пользовательский атрибут в сущность «Заказ на продажу», а затем отобразит в сетке «Заказ на продажу администратора».

Файл module.xml для определения модуля. App \ код \ Компания \ МОДУЛЬ \ и т.д. \ module.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../lib/internal/Magento/Framework/Module/etc/module.xsd">
    <module name="COMPANY_MODULE" setup_version="1.0.0">
        <sequence>
            <module name="Magento_Sales"/>
            <module name="Magento_Quote"/>
            <module name="Magento_Checkout"/>
        </sequence>
    </module>
</config>

Файл di.xml в приложении \ code \ COMPANY \ MODULE \ etc \ di.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
    <virtualType name="Magento\Sales\Model\ResourceModel\Order\Grid" type="Magento\Sales\Model\ResourceModel\Grid">
        <arguments>
            <argument name="columns" xsi:type="array">
                <item name="export_status" xsi:type="string">sales_order.export_status</item>
            </argument>
        </arguments>
    </virtualType>
</config>

InstallData.php для добавления пользовательского атрибута export_status в таблицу базы данных

App \ код \ Компания \ МОДУЛЬ \ Setup \ InstallData.php

<?php

namespace COMPANY\MODULE\Setup;

use Magento\Eav\Setup\EavSetup;
use Magento\Eav\Setup\EavSetupFactory;
use Magento\Framework\Setup\InstallDataInterface;
use Magento\Framework\Setup\ModuleContextInterface;
use Magento\Framework\Setup\ModuleDataSetupInterface;

/**
 * @codeCoverageIgnore
 */
class InstallData implements InstallDataInterface
{
    /**
     * EAV setup factory
     *
     * @var EavSetupFactory
     */
    private $eavSetupFactory;

    /**
     * Init
     *
     * @param EavSetupFactory $eavSetupFactory
     */
    public function __construct(EavSetupFactory $eavSetupFactory)
    {
        $this->eavSetupFactory = $eavSetupFactory;
    }

    /**
     * {@inheritdoc}
     * @SuppressWarnings(PHPMD.ExcessiveMethodLength)
     */
    public function install(ModuleDataSetupInterface $setup, ModuleContextInterface $context)
    {
        /** @var EavSetup $eavSetup */
        $eavSetup = $this->eavSetupFactory->create(['setup' => $setup]);
        if (version_compare($context->getVersion(), '1.0.0') < 0){      
            $objectManager = \Magento\Framework\App\ObjectManager::getInstance();
            $salesSetup = $objectManager->create('Magento\Sales\Setup\SalesSetup');
            $salesSetup->addAttribute('order', 'export_status', ['type' =>'varchar']);
            $quoteSetup = $objectManager->create('Magento\Quote\Setup\QuoteSetup'); 
        }
    }
}

sales_order_grid.xml, чтобы добавить пользовательский столбец в сетке администратора заказа клиента.

<?xml version="1.0" encoding="UTF-8"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <columns name="sales_order_columns">
        <column name="export_status">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="filter" xsi:type="string">text</item>
                    <item name="label" xsi:type="string" translate="true">XML Exported</item>
                </item>
            </argument>
        </column>
    </columns>
</listing>

Вы можете скачать полный модуль, нажав на ссылку ниже http://vdcstaging.co.in/download/add-custom-culumn-to-admin-grid.zip

magentoguys
источник