cancel
Showing results for 
Search instead for 
Did you mean: 

How can i change order status filter drop down to multi select?

How can i change order status filter drop down to multi select?

Hi,

I want to change admin order grid status filter from drop down to multi select.

Can any one help me out with this? As i am learning magento so please help me out with this.

Thanks in advance.

4 REPLIES 4

Re: How can i change order status filter drop down to multi select?

Hi @manish _soni,

You can do it by some customization.
You can follow below links:

Add-multi-select-filter-in-magento-2-admin-grid/ 

magento2-multi-select-filter/ 

I hope it will help you!

Re: How can i change order status filter drop down to multi select?

Hi,

 

I have tried this both answer but its not working. Same single drop down only coming.

I have removed this, class="Webkul\MultiSelectFilter\Ui\Component\Listing\Column\Customer\Groups" as mentioned in someone's comment.

Don't know, might me i am doing something wrong if this answer proper than. For me its not working.

Re: How can i change order status filter drop down to multi select?

You can use this configuration in sales_order_grid.xml file.

 

<column name="status">
            <settings>
                <filter>multiselect</filter>
                <dataType>select</dataType>
                <label translate="true">Status</label>
            </settings>
        </column>

 

<filterSelect name="status" provider="${ $.parentName }" component="Magento_Ui/js/form/element/ui-select" template="ui/grid/filters/elements/ui-select">
                <settings>
                    <options class="Magento\Sales\Model\Config\Source\Order\Status"/>
                        <caption translate="true">Select</caption>
                        <label translate="true">Status</label>
                        <dataScope>status</dataScope>
                        <imports>
                            <link name="visible">componentType = column, index = ${ $.index }:visible</link>
                        </imports>
                </settings>
            </filterSelect>

 Screenshot_2.pngScreenshot_3.pngScreenshot_3.png

Re: How can i change order status filter drop down to multi select?

works perfectly!