Updated code for view\/adminhtml\/ui_component\/blogmanager_blog_listing.xml<\/em> file<\/p>\n\n\n\n Here, at the end, I have added a new tag With the argument tag, we can pass some data to the class. It will get clear when we see the code for the DeleteAction class. <\/p>\n\n\n\n NOTE that here for the url we are using the route id instead of the front name. It’s because of some strange issue with Magento. So please keep both the route id and the front name the same when you are developing any module.<\/p>\n\n\n\n Now let’s create the class of the action column, Ui\/Component\/Listing\/Columns\/DeleteAction.php<\/em><\/p>\n\n\n\n Code for Ui\/Component\/Listing\/Columns\/DeleteAction.php<\/em> file<\/p>\n\n\n\n Just like we did earlier with the Content<\/em> column where we used prepareDataSource<\/strong> to loop through each row and set the data for each row. We have looped over Here you can notice that we have used the getData <\/em>function. So what it does is that it allows us to get the values that we passed from the ui component in the argument<\/em> tag.<\/p>\n\n\n\n Now let’s create the controller which will handle the delete action Controller\/Adminhtml\/Manage\/Delete.php<\/em><\/p>\n\n\n\n Code for Controller\/Adminhtml\/Manage\/Delete.php<\/em> file<\/p>\n\n\n\n I don’t think I have to explain anything in this code. Because we have already seen similar code in one blog or another. Here we have got the id from the param and loaded the blog model based on the id. Then we deleted that blog.<\/p>\n\n\n\n After deleting we have redirected back to the blog listing page. And we have also used the message manager to show the success message or error message in case some exception occurs.<\/p>\n\n\n\n Now when you view the grid, you should be able to see the delete column and perform the delete action using that.<\/p>\n\n\n\n Next Blog -> Magento 2 Development 20: uiComponent form<\/a><\/p>\n\n\n\n Previous Blog -> Magento 2 Development 18: MassAction<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<?xml version="1.0" encoding="UTF-8"?>\n<listing xmlns:xsi="http:\/\/www.w3.org\/2001\/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd">\n <argument name="data" xsi:type="array">\n <item name="js_config" xsi:type="array">\n <item name="provider" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing_data_source<\/item>\n <item name="deps" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing_data_source<\/item>\n <\/item>\n <item name="spinner" xsi:type="string">blogmanager_blog_columns<\/item>\n <\/argument>\n <dataSource name="blogmanager_blog_listing_data_source">\n <argument name="dataProvider" xsi:type="configurableObject">\n <argument name="class" xsi:type="string">Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\DataProvider<\/argument>\n <argument name="name" xsi:type="string">blogmanager_blog_listing_data_source<\/argument>\n <argument name="primaryFieldName" xsi:type="string">entity_id<\/argument>\n <argument name="requestFieldName" xsi:type="string">entity_id<\/argument>\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="update_url" xsi:type="url" path="mui\/index\/render"\/>\n <item name="storageConfig" xsi:type="array">\n <item name="indexField" xsi:type="string">entity_id<\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/argument>\n <argument name="data" xsi:type="array">\n <item name="js_config" xsi:type="array">\n <item name="component" xsi:type="string">Magento_Ui\/js\/grid\/provider<\/item>\n <\/item>\n <\/argument>\n <\/dataSource>\n <listingToolbar name="listing_top">\n <massaction name="listing_massaction" component="Magento_Ui\/js\/grid\/tree-massactions">\n <argument name="data" xsi:type="array">\n <item name="data" xsi:type="array">\n <item name="selectProvider" xsi:type="string">blogmanager_blog_listing.blogmanager_blog_listing.blogmanager_blog_columns.ids<\/item>\n <item name="displayArea" xsi:type="string">bottom<\/item>\n <item name="indexField" xsi:type="string">entity_id<\/item>\n <\/item>\n <\/argument>\n <action name="delete">\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="type" xsi:type="string">delete<\/item>\n <item name="label" xsi:type="string" translate="true">Delete<\/item>\n <item name="url" xsi:type="url" path="blog\/manage\/massDelete"\/>\n <item name="confirm" xsi:type="array">\n <item name="title" xsi:type="string" translate="true">Delete Blogs?<\/item>\n <item name="message" xsi:type="string" translate="true">Are you sure you want to delete the selected blogs?<\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/action>\n <action name="status">\n <settings>\n <type>status<\/type>\n <label translate="true">Change status<\/label>\n <actions>\n <action name="0">\n <type>enable<\/type>\n <label translate="true">Enable<\/label>\n <url path="blog\/manage\/massStatus">\n <param name="status">1<\/param>\n <\/url>\n <\/action>\n <action name="1">\n <type>disable<\/type>\n <label translate="true">Disable<\/label>\n <url path="blog\/manage\/massStatus">\n <param name="status">0<\/param>\n <\/url>\n <\/action>\n <\/actions>\n <\/settings>\n <\/action>\n <\/massaction>\n <bookmark name="bookmarks"\/>\n <columnsControls name="columns_controls"\/>\n <filters name="listing_filters">\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="templates" xsi:type="array">\n <item name="filters" xsi:type="array">\n <item name="select" xsi:type="array">\n <item name="component" xsi:type="string">Magento_Ui\/js\/form\/element\/ui-select<\/item>\n <item name="template" xsi:type="string">ui\/grid\/filters\/elements\/ui-select<\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/item>\n <\/argument>\n <\/filters>\n <paging name="listing_paging"\/>\n <\/listingToolbar>\n <columns name="blogmanager_blog_columns">\n <selectionsColumn name="ids">\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="indexField" xsi:type="string">entity_id<\/item>\n <\/item>\n <\/argument>\n <\/selectionsColumn>\n <column name="entity_id">\n <settings>\n <filter>textRange<\/filter>\n <label translate="true">ID<\/label>\n <resizeDefaultWidth>25<\/resizeDefaultWidth>\n <\/settings>\n <\/column>\n <column name="user_name">\n <settings>\n <filter>text<\/filter>\n <label translate="true">User<\/label>\n <\/settings>\n <\/column>\n <column name="title">\n <settings>\n <filter>text<\/filter>\n <label translate="true">Title<\/label>\n <\/settings>\n <\/column>\n <column name="content" class="Webkul\\BlogManager\\Ui\\Component\\Listing\\Columns\\Content">\n <settings>\n <filter>false<\/filter>\n <sortable>false<\/sortable>\n <label translate="true">Content<\/label>\n <\/settings>\n <\/column>\n <column name="status" component="Magento_Ui\/js\/grid\/columns\/select">\n <settings>\n <options class="Webkul\\BlogManager\\Model\\Blog\\Status"\/>\n <dataType>select<\/dataType>\n <filter>select<\/filter>\n <sortable>false<\/sortable>\n <label translate="true">Status<\/label>\n <\/settings>\n <\/column>\n <column name="updated_at" component="Magento_Ui\/js\/grid\/columns\/date">\n <settings>\n <filter>dateRange<\/filter>\n <dataType>date<\/dataType>\n <label translate="true">Updated<\/label>\n <\/settings>\n <\/column>\n <column name="created_at" component="Magento_Ui\/js\/grid\/columns\/date">\n <settings>\n <filter>dateRange<\/filter>\n <dataType>date<\/dataType>\n <label translate="true">Created<\/label>\n <\/settings>\n <\/column>\n <actionsColumn name="delete_action" class="Webkul\\BlogManager\\Ui\\Component\\Listing\\Columns\\DeleteAction">\n <argument name="data" xsi:type="array">\n <item name="config" xsi:type="array">\n <item name="indexField" xsi:type="string">entity_id<\/item>\n <item name="viewUrlPath" xsi:type="string">blogmanager\/manage\/delete<\/item>\n <item name="urlEntityParamName" xsi:type="string">id<\/item>\n <item name="sortOrder" xsi:type="number">50<\/item>\n <\/item>\n <\/argument>\n <settings>\n <label translate="true">Delete<\/label>\n <\/settings>\n <\/actionsColumn>\n <\/columns>\n<\/listing><\/pre>\n\n\n\n
actionsColumn<\/strong><\/code> to add the action column which will let us delete a single row at a time. We have used a class for this column. With that class, we will be displaying the URLs for each row.<\/p>\n\n\n\nCreate Action Column<\/h3>\n\n\n\n
$dataSource['data']['items']<\/code><\/em> and we are setting url data for each row as [ ‘view’ => [ ‘href’ => ‘#’, ‘label’ => ‘Link’ ] ];<\/em> format. <\/p>\n\n\n\n<?php\nnamespace Webkul\\BlogManager\\Ui\\Component\\Listing\\Columns;\n\nuse Magento\\Framework\\UrlInterface;\nuse Magento\\Framework\\View\\Element\\UiComponent\\ContextInterface;\nuse Magento\\Framework\\View\\Element\\UiComponentFactory;\n\nclass DeleteAction extends \\Magento\\Ui\\Component\\Listing\\Columns\\Column\n{\n \/**\n * @var Magento\\Framework\\UrlInterface\n *\/\n protected $urlBuilder;\n\n \/**\n * Dependency Initilization\n *\n * @param ContextInterface $context\n * @param UiComponentFactory $uiComponentFactory\n * @param UrlInterface $urlBuilder\n * @param array $components\n * @param array $data\n *\/\n public function __construct(\n ContextInterface $context,\n UiComponentFactory $uiComponentFactory,\n UrlInterface $urlBuilder,\n array $components = [],\n array $data = []\n ) {\n $this->urlBuilder = $urlBuilder;\n parent::__construct($context, $uiComponentFactory, $components, $data);\n }\n\n \/**\n * Prepare Data Source\n *\n * @param array $dataSource\n * @return array\n *\/\n public function prepareDataSource(array $dataSource)\n {\n if (isset($dataSource['data']['items'])) {\n foreach ($dataSource['data']['items'] as &$item) {\n if (isset($item['entity_id'])) {\n $viewUrlPath = $this->getData('config\/viewUrlPath');\n $urlEntityParamName = $this->getData('config\/urlEntityParamName');\n $item[$this->getData('name')] = [\n 'view' => [\n 'href' => $this->urlBuilder->getUrl(\n $viewUrlPath,\n [\n $urlEntityParamName => $item['entity_id'],\n ]\n ),\n 'label' => __('Delete'),\n ],\n ];\n }\n }\n }\n return $dataSource;\n }\n}<\/pre>\n\n\n\nCreate Controller file<\/h3>\n\n\n\n
<?php\nnamespace Webkul\\BlogManager\\Controller\\Adminhtml\\Manage;\n\nuse Magento\\Backend\\App\\Action;\nuse Magento\\Backend\\App\\Action\\Context;\n\nclass Delete extends Action\n{\n \/**\n * @var \\Webkul\\BlogManager\\Model\\BlogFactory\n *\/\n protected $blogFactory;\n \n \/**\n * Dependency Initilization\n *\n * @param Context $context\n * @param \\Webkul\\BlogManager\\Model\\BlogFactory $blogFactory\n *\/\n public function __construct(\n Context $context,\n \\Webkul\\BlogManager\\Model\\BlogFactory $blogFactory\n ) {\n $this->blogFactory = $blogFactory;\n parent::__construct($context);\n }\n\n \/**\n * Provides content\n *\n * @return Magento\\Framework\\Controller\\Result\\Redirect\n *\/\n public function execute()\n {\n $resultRedirect = $this->resultRedirectFactory->create();\n $id = $this->getRequest()->getParam('id');\n try {\n $blogModel = $this->blogFactory->create();\n $blogModel->load($id);\n $blogModel->delete();\n $this->messageManager->addSuccessMessage(__('You deleted the blog.'));\n } catch (\\Exception $e) {\n $this->messageManager->addErrorMessage($e->getMessage());\n }\n return $resultRedirect->setPath('*\/*\/');\n }\n\n \/**\n * Check Autherization\n *\n * @return boolean\n *\/\n public function _isAllowed()\n {\n return $this->_authorization->isAllowed('Webkul_BlogManager::delete');\n }\n}<\/pre>\n\n\n\n![\"Visual](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/05\/ezgif.com-gif-maker-3.gif\")
<\/figure>\n\n\n\n