Magento 2 Comment ajouter une nouvelle colonne à la grille des commandes

20

J'ai ajouté une nouvelle colonne à la table sales_orderappelée export_status, maintenant je veux ajouter une nouvelle colonne de grille de commande avec les données de la nouvelle sales_ordercolonne.

J'ai réussi à ajouter une colonne au the sales_order_gridtableau.

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

Comment puis-je maintenant le faire afficher dans la grille des commandes avec la valeur de la sales_order export_statuscolonne?

André Ferraz
la source
Vous pouvez trouver la réponse magento.stackexchange.com/questions/87012/…
Krishna ijjada
Je pense qu'il y a une meilleure façon de le faire sans avoir à mettre en place un observateur et à utiliser des événements.
André Ferraz
Cet article décrit l'ajout étape par étape d'une colonne à la grille de commande client
Sergii Ivashchenko
Essayez la solution ici Cette méthode utilise un plugin pour ajouter des colonnes.
Asrar
Je pense que vous devriez vérifier ceci: Un bon tutoriel sivaschenko.com/magento2-sales-order-grid-column
Abid Malik

Réponses:

42

Après beaucoup de fouilles dans le code de base de magento, j'ai trouvé une solution à ma question. Au lieu d'ajouter une colonne à la grille via la base de données, j'ai créé un composant d'interface utilisateur sales_order_grid.xmlsous[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>

Ensuite, j'ai créé la classe UI sous [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;
    }
}
André Ferraz
la source
Cela a très bien fonctionné. Je suis confronté à un problème où cette personnalisation entraîne le rendu de la barre d'outils de la grille de commande après la grille. Avez-vous rencontré ce problème?
Ian
@Ian, je n'ai pas eu ce problème. Quelle version de magento 2 utilisez-vous?
André Ferraz
2
CE 2.1.1. J'ai déterminé le problème. Mon module est arrivé avant Magento_Sales par ordre alphabétique. J'ai ajouté <séquence> avec une dépendance à Magento_Sales, désactivé mon module, puis réactivé. Cela a corrigé le problème.
Ian
1
Cela fonctionne-t-il également pour les options d'exportation? Dans mon cas, les données exportées avaient des valeurs vides.
MagePsycho
1
De même, Magento 1 est filter_condition_callbackoù vous pouvez ajouter votre propre filtre personnalisé selon le champ. S'il vous plaît ne dites pas "Que voulez-vous dire?" cette fois;)
MagePsycho
33

Ma solution peut être un peu plus efficace car elle suit la manière native d'ajouter une colonne à la grille, et vous n'aurez pas à charger chaque commande affichée sur la page pour obtenir les données de la colonne (en utilisant la table sales_order_grid à la place). Ce qui précède est un excellent exemple de la façon de créer un rendu personnalisé.

fournisseur / [fournisseur] / [package] /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>

Veuillez noter que vous devez activer la colonne à l'aide du widget déroulant au-dessus de la grille de commande avant qu'elle n'apparaisse.

fournisseur / [fournisseur] / [package] /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>

Exemple de code de configuration pour ajouter une colonne à la table sales_order_grid (utilisez-la dans votre script d'installation / mise à niveau). Au fait, le même code fonctionne pour la table 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'
        ]
    );

J'espère que cela aide! :-)

MageParts
la source
Cette réponse nécessite que la colonne soit la table sales_order_grid, correct?
Tero Lahtinen du
@MageParts, quand ce script fonctionnera-t-il?
SagarPPanchal
1
a fonctionné pour moi, merci: 3 btw, en ce que sales_order_grid.xmlvous devez fermer votre balise <listing> </listing> ou cela retournera une erreur de xml
fudu
<argument name = "colonnes"> doit être remplacé par <argument name = "colonnes" xsi: type = "array"> dans le fichier di: xml. Sinon, il renverra l'erreur suivante. 'Argument' d'élément de document non valide: la définition de type est abstraite.
dit
1

Pour créer une nouvelle colonne dans la grille de commande, j'ai référé Magento Default Module vendor / magento / module-customer-balance

Dans mon cas, la colonne 'custom_column' existe déjà dans la table sales_order.

Je dois afficher la colonne 'custom_column' dans la grille de commande

Étape 1: ajouter une nouvelle colonne dans la table 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'
                ]
            );
    }

Étape 2: fichier di.xml dans l'application \ code [Fournisseur] [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>

Étape 3: créer un fichier de mise en page sales_order_grid.xml sous 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>

Remarque: Cela a été testé dans Magento version 2.2.6

Renu Mishra
la source
0

Démo / ExtendedGrid / view / 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>

Ensuite, créé la classe d'interface utilisateur pour le rendre.

Démo / ExtendedGrid / Ui / Component / Listing / Column / 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;
   }
}

N'oubliez pas de vider le cache.

Divya
la source
-1

J'ai créé un module personnalisé qui ajoutera un attribut personnalisé dans l'entité Commande client, puis s'affichera dans la grille de commande client.

fichier module.xml pour définir le module. app \ code \ COMPANY \ MODULE \ etc \ 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>

fichier di.xml dans app \ 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 pour ajouter un attribut personnalisé export_status dans la table de base de données

app \ code \ COMPANY \ MODULE \ 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 pour ajouter une colonne personnalisée dans la grille d'administration des commandes client.

<?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>

Vous pouvez télécharger le module complet en cliquant sur le lien ci-dessous http://vdcstaging.co.in/download/add-custom-culumn-to-admin-grid.zip

magentoguys
la source