Magento 2: le categorie selezionate non sono visibili nel modulo di modifica

8

Aggiunto selettore di categoria nel modulo di amministrazione utilizzando il componente UI. Gli ID categoria vengono salvati nel db come valori separati da virgola. Ora voglio visualizzare quelle categorie nel mio modulo di modifica. inserisci qui la descrizione dell'immagine

inserisci qui la descrizione dell'immagine Questo è il mio file example_example_edit.xml:

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <uiComponent name="example_form"/>
        </referenceContainer>
    </body>
</page>

Questo è il mio esempio_form.xml 

<?xml version="1.0" encoding="UTF-8"?>
<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
    <argument name="data" xsi:type="array">
        <item name="js_config" xsi:type="array">
            <item name="provider" xsi:type="string">example_form.example_form_data_source</item>
            <item name="deps" xsi:type="string">example_form.example_form_data_source</item>
        </item>
        <item name="label" xsi:type="string" translate="true">example Information</item>
        <item name="config" xsi:type="array">
            <item name="dataScope" xsi:type="string">data</item>
            <item name="namespace" xsi:type="string">example_form</item>
        </item>
        <item name="template" xsi:type="string">templates/form/collapsible</item>
        <item name="buttons" xsi:type="array">
            <item name="save" xsi:type="string">Company\Module\Block\Adminhtml\Example\Edit\Button\Save</item>
            <item name="delete" xsi:type="string">Company\Module\Block\Adminhtml\Example\Edit\Button\Delete</item>
            <item name="back" xsi:type="string">Company\Module\Block\Adminhtml\Example\Edit\Button\Back</item>        
        </item>
    </argument>

    <dataSource name="example_form_data_source">
        <argument name="dataProvider" xsi:type="configurableObject">
            <argument name="class" xsi:type="string">Company\Module\Model\ResourceModel\Example\DataProvider</argument>
            <argument name="name" xsi:type="string">example_form_data_source</argument>
            <argument name="primaryFieldName" xsi:type="string">example_id</argument>
            <argument name="requestFieldName" xsi:type="string">example_id</argument>
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="submit_url" xsi:type="url" path="module/example/save"/>
                </item>
            </argument>
        </argument> 
        <argument name="data" xsi:type="array">
            <item name="js_config" xsi:type="array">
                <item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
            </item>
        </argument>
    </dataSource>

    <fieldset name="example_details">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="collapsible" xsi:type="boolean">true</item>
                <item name="label" xsi:type="string" translate="true">example [General]</item>
                <item name="sortOrder" xsi:type="number">10</item>
                <item name="openOnShow" xsi:type="boolean">true</item>
            </item>
        </argument>
        <field name="example_id">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="visible" xsi:type="boolean">false</item>
                    <item name="dataType" xsi:type="string">text</item>
                    <item name="formElement" xsi:type="string">input</item>
                    <item name="source" xsi:type="string">label_id</item>
                </item>
            </argument>
        </field>
        <field name="title">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string">Title</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="dataType" xsi:type="string">text</item>
                    <item name="disabled" xsi:type="boolean">false</item>
                    <item name="formElement" xsi:type="string">input</item>
                    <item name="source" xsi:type="string">title</item>
                    <item name="validation" xsi:type="array">
                        <item name="required-entry" xsi:type="boolean">true</item>
                    </item>
                </item>
            </argument>
        </field>
        <field name="status">
            <argument name="data" xsi:type="array">
                <item name="options" xsi:type="object">Company\Module\Model\Config\Source\Status</item>
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string" translate="true">Status</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="dataType" xsi:type="string">number</item>
                    <item name="formElement" xsi:type="string">select</item>
                    <item name="source" xsi:type="string">status</item>
                    <item name="dataScope" xsi:type="string">status</item>
                    <item name="validation" xsi:type="array">
                        <item name="required-entry" xsi:type="boolean">true</item>
                    </item>
                </item>
            </argument>
        </field>
<field name="category_ids">
            <argument name="data" xsi:type="array">
                <item name="options" xsi:type="object">Magento\Catalog\Ui\Component\Product\Form\Categories\Options</item>
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string" translate="true">Category</item>
                    <item name="componentType" xsi:type="string">field</item>
                    <item name="formElement" xsi:type="string">select</item>
                    <item name="visible" xsi:type="boolean">true</item>
                    <item name="component" xsi:type="string">Magento_Catalog/js/components/new-category</item>
                    <item name="elementTmpl" xsi:type="string">ui/grid/filters/elements/ui-select</item>
                    <item name="filterOptions" xsi:type="boolean">true</item>
                    <item name="showCheckbox" xsi:type="boolean">true</item>
                    <item name="disableLabel" xsi:type="boolean">true</item>
                    <item name="multiple" xsi:type="boolean">true</item>
                    <item name="levelsVisibility" xsi:type="number">1</item>
                    <item name="required" xsi:type="boolean">false</item>
                    <item name="validation" xsi:type="array">
                        <item name="required-entry" xsi:type="boolean">false</item>
                    </item>
                    <item name="listens" xsi:type="array">
                        <item name="${ $.namespace }.${ $.namespace }:responseData" xsi:type="string">setParsed</item>
                    </item>
                </item>
            </argument>
        </field>
    </fieldset> 

</form>

Questo è il mio DataProvider.php

<?php
namespace Company\Module\Model\ResourceModel\Example;

use Company\Module\Model\ResourceModel\Example\CollectionFactory;;
use Magento\Framework\App\Filesystem\DirectoryList;
use Magento\Store\Model\StoreManagerInterface;
use Magento\Framework\App\Config\ScopeConfigInterface;  

class DataProvider extends \Magento\Ui\DataProvider\AbstractDataProvider
{
    /**
     * @var array
     */
    protected $_loadedData;

    protected $storeManager;

    protected $scopeConfig;

    public function __construct(
        $name,
        $primaryFieldName,
        $requestFieldName,
        CollectionFactory $exampleCollectionFactory,
        StoreManagerInterface $storeManager,
        ScopeConfigInterface $scopeConfig,
        array $meta = [],
        array $data = []
    ) {
        $this->storeManager = $storeManager;
        $this->scopeConfig = $scopeConfig;
        $this->collection = $exampleCollectionFactory->create();
        parent::__construct($name, $primaryFieldName, $requestFieldName, $meta, $data);
    }


    /**
    * Get data
    *
    * @return array
    */
    public function getData()
    {
        if (isset($this->_loadedData)) {
            return $this->_loadedData;
        }

    return $this->_loadedData;
    }
}
adminform  category-tree  magento-2.1.2  luma-theme  edit 
— EB
fonte
quale tema stai usando e magento 2 (quale versione)
— KGR il
Magento ver. 2.1.2 {Tema Luma}
— EB
Ciao @EB puoi aiutarmi in questo magento.stackexchange.com/questions/249360/…
— Nagaraju K

Risposte:

5

In tal caso, è necessario modificare la funzione getData .

Per modificare il valore di category_ids deve essere un array. Supponiamo che il valore di category_ids salvi in ​​db come una virgola separata che significa "7,9,22". Quindi quando modifichi questo valore dovrebbe essere [7,9,22].

/ **
 * Ottieni dati
 *
 * @return array
 * /
funzione pubblica getData ()
{
    if (isset ($ this-> loadedData)) {
        restituisce $ this-> loadedData;
    }

    $ items = $ this-> collection-> getItems ();

    foreach ($ items as $ item) {
        $ data = $ item-> getData ();
        $ data ['category_ids'] = explode (',', $ data ['category_ids']);
        $ result ['example_details'] = $ data;
        $ this-> loadedData [$ item-> getId ()] = $ risultato;
    }
    restituisce $ this-> loadedData;
}
— Sohel Rana
fonte
hI @sohel rana, per favore, aiutatemi in questo magento.stackexchange.com/questions/249360/…
— Nagaraju K
2

In Your example_form.xml per il campo category_ids

Cambia questo 

<item name="formElement" xsi:type="string">select</item>

Per

<item name="formElement" xsi:type="string">multiselect</item>

Assicurati di ottenere valori per il campo category_ids valori separati da virgola magento farà il resto.

— Priyank
fonte
Ho cambiato il codice da 'seleziona' a 'multi-selezione'. Non funziona ancora. Anche gli ID categoria vengono salvati come valori separati da virgola.
— EB
Possibile che category_idsnon abbia un valore. Controlla se stai ottenendo valore per quel campo. Il nome del campo è lo stesso nel tuo db?
— Priyank
Sì, il valore per il campo sta ottenendo. Le categorie sono selezionate anche nel menu a discesa. Ma i valori non vengono visualizzati nel campo di testo.
— EB
1

Hai getSelected()metodo nel tuo file js componente

Magento_Catalog / js / componenti / new-categoria

In caso contrario, dovrai crearlo e restituire l'array con le etichette.

getSelected: function () {
    var selected = this.value();
    if (selected && selected.indexOf(',') > -1) // split if contains comma only
        selected = selected.split(',');

    return this.cacheOptions.plain.filter(function (opt) {
        return _.isArray(selected) ?
            _.contains(selected, opt.value) :
        selected == opt.value;
    });
},

Vedere vendor/magento/module-ui/view/base/web/js/form/element/ui-select.js

— Miroslav Petroff
fonte
Grazie. Ha funzionato. Ora non sono in grado di aggiungere / rimuovere le categorie. Si prega di vedere lo screenshot. i.prntscr.com/1813b60d309d4a1ab1aac12901b3ae01.png
— EB
Si è verificato un errore js durante la modifica delle categorie. Si prega di controllare questo: i.prntscr.com/53697deb565d41c2bd482ba15ed5bc43.png
— EB
Cambia var selected = this.value().split(",");e controlla prima se c'è qualche valore e poi diviso per virgola. Ho aggiornato la mia risposta con il segno di spunta. Puoi provare di nuovo?
— Miroslav Petroff,
— EB
e adesso? Ho aggiornato il mio codice
— Miroslav Petroff il
0

Devi ottenere gli ID da Db e metterli selezionati durante la creazione delle opzioni

$selectedCat = explode(',', $categoryFromDb)
foreach ($category as $opt) {
    $sel = '';
    if (in_array($opt, $selectedCat)) {
    $sel = ' selected="selected" ';
    }
    echo '<option ' . $sel . ' value="' . $opt . '">' . $opt . '</option>';
}
— Ashish Jagnani
fonte
Il campo categoria viene creato utilizzando il componente UI.
— EB
@EB Inserisci il tuo codice per ottenere la risposta corretta in base al tuo codice.
— Ashish Jagnani,
Si prega di consultare il codice aggiornato.
— EB
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.