Override customer listing magento2 - uicomponent

Question

I need to change target of the customer grid of admin. The default is startEdit, but the client didnt like. He wants a link for customer edit in the row.

<item name="target" xsi:type="string">startEdit</item>

to

<item name="target" xsi:type="string">applyAction</item>

Only this. How I override this?

I try to create a customer_listing.xml in MyName/ModuleName/view/adminhtml/ui_component but didn´t work.

Answer 1

If the main goal is redirect to the edit form - here the code of the customer_listing.xml file which should work in your custom module (I have tested it locally and it works fine for me):

<?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="customer_columns" class="Magento\Customer\Ui\Component\Listing\Columns">
        <settings>
            <childDefaults>
                <param name="fieldAction" xsi:type="array">
                    <item name="provider" xsi:type="string">customer_listing.customer_listing.customer_columns.actions</item>
                    <item name="target" xsi:type="string">applyAction</item>
                    <item name="params" xsi:type="array">
                        <item name="0" xsi:type="string">edit</item>
                        <item name="1" xsi:type="string">${ $.$data.rowIndex }</item>
                    </item>
                </param>
            </childDefaults>
        </settings>
    </columns>
</listing>

PS: Tested on Magento CE 2.2.1

---

Update

Here the version for the Magento < 2.2.x :

<?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="customer_columns" class="Magento\Customer\Ui\Component\Listing\Columns">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="childDefaults" xsi:type="array">
                    <item name="fieldAction" xsi:type="array">
                        <item name="provider" xsi:type="string">customer_listing.customer_listing.customer_columns.actions</item>
                        <item name="target" xsi:type="string">applyAction</item>
                        <item name="params" xsi:type="array">
                            <item name="0" xsi:type="string">edit</item>
                            <item name="1" xsi:type="boolean">${ $.$data.rowIndex }</item>
                        </item>
                    </item>
                </item>
            </item>
        </argument>
    </columns>
</listing>

Edit:

How to override :

Since a lot of people in comments were asking how to override.. you need to override the customer_index_index.xml in this customer_listing is referenced.

Answer 2

I have the same problem here, I just want to show the dates in pt-br format in the Date of Birth field. So, I copy customer_listing.xml file to "MyVendor/MyModule/view/adminhtml/customer_listing.xml", and put dateFormat tag in dob field, like this:

<column name="dob" class="Magento\Ui\Component\Listing\Columns\Date" component="Magento_Ui/js/grid/columns/date" sortOrder="170">
     <settings>
         <timezone>false</timezone>
         <dateFormat>dd/MM/y</dateFormat>
         <skipTimeZoneConversion>true</skipTimeZoneConversion>
         <filter>dateRange</filter>
         <dataType>date</dataType>
         <label translate="true">Date of Birth</label>
         <visible>false</visible>
     </settings>
 </column>

So, any ideia to how make the override works correctly?

PS: dateFormat tag works correctly in created_at field.

Thanks.