cancel
Showing results for 
Search instead for 
Did you mean: 

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

   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

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.png Screenshot_3.png Screenshot_3.png

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

works perfectly!