{"id":882,"date":"2023-12-01T18:59:06","date_gmt":"2023-12-01T13:29:06","guid":{"rendered":"https:\/\/magecurious.com\/blog\/?p=882"},"modified":"2025-01-11T23:01:26","modified_gmt":"2025-01-11T17:31:26","slug":"how-to-add-mass-action-in-ui-component-grid-in-magento-2","status":"publish","type":"post","link":"https:\/\/magecurious.com\/blog\/how-to-add-mass-action-in-ui-component-grid-in-magento-2\/","title":{"rendered":"How to Add Mass Action In UI Component Grid In Magento 2"},"content":{"rendered":"\n

Hello Everyone,<\/p>\n\n\n\n

In this blog, we will learn about how to Add Mass Action in Magento 2.<\/p>\n\n\n\n

In our previous blog we created a UI Component Grid and UI Component Form and performed CRUD Operation.<\/p>\n\n\n\n

Now We Add code for Mass Action in UI Component Grid.<\/p>\n\n\n\n

Without wasting your time, let us guide you straight away. Follow the easy step given below to Add Mass Action in UI Component Grid in Magento 2.<\/p>\n\n\n\n

STEPS FOR ADD MASS ACTION IN UI COMPONENT GRID IN MAGENTO 2<\/strong><\/p>\n\n\n\n

Step 1: Open ui_listing.xml file<\/strong><\/p>\n\n\n

\napp\/code\/Vendor\/Extension\/view\/adminhtml\/ui_component\/ui_listing.xml\nAdd below code under &lt;listingToolbar>...&lt;\/listingToolbar> tag.\n&lt;massaction name="listing_massaction" component="Magento_Ui\/js\/grid\/tree-massactions" class="\\Magento\\Catalog\\Ui\\Component\\Product\\MassAction">\n                &lt;action name="delete">\n                    &lt;settings>\n                        &lt;confirm>\n                            &lt;message translate="true">Delete  Items?&lt;\/message>\n                            &lt;title translate="true">Delete items&lt;\/title>\n                        &lt;\/confirm>\n                        &lt;url path="*\/*\/massDelete" \/>\n                        &lt;type>delete&lt;\/type>\n                        &lt;label translate="true">Delete&lt;\/label>\n                    &lt;\/settings>\n                &lt;\/action>\n            &lt;\/massaction>\n\n<\/pre><\/div>\n\n\n
Step 2: Create Mass Delete.php file<\/strong>.<\/p>\n\n\n
\napp\/code\/Vendor\/Extension\/Controller\/Adminhtml\/Index\/MassDelete.php\n\n&lt;?php\n\nnamespace Vendor\\Extension\\Controller\\Adminhtml\\Index;\n\nuse Vendor\\Extension\\Model\\ResourceModel\\BookInfo\\CollectionFactory;\nuse Magento\\Backend\\App\\Action;\nuse Magento\\Backend\\App\\Action\\Context;\nuse Magento\\Framework\\Registry;\nuse Magento\\Framework\\View\\Result\\PageFactory;\nuse Magento\\Ui\\Component\\MassAction\\Filter;\n\nclass MassDelete extends Action\n{\n    protected $_coreRegistry = null;\n    protected $resultPageFactory;\n    protected $BookInfoFactory;\n    protected $filter;\n    public function __construct(\n        Context $context,\n        PageFactory $resultPageFactory,\n        Registry $registry,\n        Filter $filter,\n        CollectionFactory $BookInfo\n    ) {\n        $this->resultPageFactory = $resultPageFactory;\n        $this->_coreRegistry = $registry;\n        $this->BookInfoFactory = $BookInfo;\n        $this->filter = $filter;\n        parent::__construct($context);\n    }\n    public function execute()\n    {\n        $collection = $this->filter->getCollection($this->BookInfoFactory->create());\n\n        $count = 0;\n        foreach ($collection as $child) {\n            $child->delete();\n            $count++;\n        }\n\n        $this->messageManager->addSuccess(__('A total of %1 record(s) have been deleted.', $count));\n        $resultRedirect = $this->resultRedirectFactory->create();\n        return $resultRedirect->setPath('*\/*\/index');\n    }\n}\n<\/pre><\/div>\n\n\n
Step 3: Finally run the below commands<\/strong><\/p>\n\n\n
\n$ php bin\/magento cache:clean\n$ php bin\/magento cache:flush\n<\/pre><\/div>\n\n\n
Step 4: Output:<\/strong><\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
<\/div>\n\n\n\n
Final Thoughts:<\/strong><\/p>\n\n\n\n
So this was the easiest way which we have told you in this blog. This is how you can Add Mass Action in Magento 2. Hope you liked the blog.<\/p>\n\n\n\n
So quickly go to the comment box and tell me how you like this blog?<\/p>\n\n\n\n
Stay tuned with us on our site to get new updates of Magento.<\/strong><\/p>\n\n\n\n
Thanks for reading and visiting our site.<\/p>\n\n\n
      
          
        How useful was this post?      <\/p>              
        Click on a star to rate it!      <\/p>        
      
                      
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>                  
  •               <\/i>          <\/li>              <\/ul>    <\/div>    
    <\/p>