Rubin Shrestha
Zend certified PHP/Magento developer
Rubin Shrestha
Blog

Cutom module admin grid not working on magento 2.4

by |Published

We have a module that gets and displays a table values in a custom admin grid.
The module works fine on Magento 2.2.6.
after I migrated the module to Magento 2.4. the admin grid is empty although the db table has records. the code is the same and I don’t get any errors.

Vendor/Log/etc/di.xml

 <!-- Log Listing -->
    <type name="MagentoFrameworkViewElementUiComponentDataProviderCollectionFactory">
        <arguments>
            <argument name="collections" xsi:type="array">
                <item name="log_listing_data_source" xsi:type="string">VendorLogModelResourceModelLogGridCollection</item>
            </argument>
        </arguments>
    </type>
    <virtualType name="VendorLogModelResourceModelLogGridCollection" type="MagentoFrameworkViewElementUiComponentDataProviderSearchResult">
        <arguments>
            <argument name="mainTable" xsi:type="string">vendor_log</argument>
            <argument name="resourceModel" xsi:type="string">VendorLogModelResourceModelLog</argument>
        </arguments>
    </virtualType>
    <virtualType name="LogListingDataProvider" type="MagentoFrameworkViewElementUiComponentDataProviderDataProvider">
        <arguments>
            <argument name="collection" xsi:type="object" shared="false">VendorLogModelResourceModelLogCollection</argument>
            <argument name="filterPool" xsi:type="object" shared="false">LogListingFilterPool</argument>
        </arguments>
    </virtualType>
    <virtualType name="LogListingFilterPool" type="MagentoFrameworkViewElementUiComponentDataProviderFilterPool">
        <arguments>
            <argument name="appliers" xsi:type="array">
                <item name="regular" xsi:type="object">MagentoFrameworkViewElementUiComponentDataProviderRegularFilter</item>
                <item name="fulltext" xsi:type="object">MagentoFrameworkViewElementUiComponentDataProviderFulltextFilter</item>
            </argument>
        </arguments>
    </virtualType>
</config>

Vendor/Log/etc/adminhtml/routes.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
    <router id="admin">
        <route id="vendor_log" frontName="vendor_log">
            <module name="Vendor_Log"/>
        </route>
    </router>
</config>

Vendor/Log/view/adminhtml/layout/vendor_log_index.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <title>Log</title>
    </head>
    <body>
        <referenceContainer name="content">
            <uiComponent name="log_listing"/>
        </referenceContainer>
    </body>
</page>

Vendor/Log/view/adminhtml/ui_component/log_listing.xml

<?xml version="1.0"?>
<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
<argument name="data" xsi:type="array">
<item name="js_config" xsi:type="array">
<item name="provider" xsi:type="string">log_listing.log_listing_data_source</item>
<item name="deps" xsi:type="string">log_listing.log_listing_data_source</item>
</item>
<item name="spinner" xsi:type="string">log_listing_columns</item>
<item name="buttons" xsi:type="array">
<item name="truncate" xsi:type="array">
<item name="name" xsi:type="string">truncate</item>
<item name="label" xsi:type="string" translate="true">Truncate Log Table</item>
<item name="class" xsi:type="string">primary</item>
<item name="url" xsi:type="string">*/*/truncate</item>
</item>
</item>
</argument>
<dataSource name="log_listing_data_source">
<argument name="dataProvider" xsi:type="configurableObject">
<argument name="class" xsi:type="string">MagentoFrameworkViewElementUiComponentDataProviderDataProvider</argument>
<argument name="name" xsi:type="string">log_listing_data_source</argument>
<argument name="primaryFieldName" xsi:type="string">log_id</argument>
<argument name="requestFieldName" xsi:type="string">log_id</argument>
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/grid/provider</item>
<item name="update_url" path="mui/index/render" xsi:type="url"/>
<item name="storageConfig" xsi:type="array">
<item name="indexField" xsi:type="string">log_id</item>
</item>
</item>
</argument>
</argument>
<argument name="data" xsi:type="array">
<item name="js_config" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/grid/provider</item>
</item>
</argument>
</dataSource>
<container name="listing_top">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="template" xsi:type="string">ui/grid/toolbar</item>
</item>
</argument>
<bookmark name="bookmarks">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="storageConfig" xsi:type="array">
<item name="namespace" xsi:type="string">log_listing</item>
</item>
</item>
</argument>
</bookmark>
<component name="columns_controls">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="columnsData" xsi:type="array">
<item name="provider" xsi:type="string">log_listing.log_listing.log_listing_columns</item>
</item>
<item name="component" xsi:type="string">Magento_Ui/js/grid/controls/columns</item>
<item name="displayArea" xsi:type="string">dataGridActions</item>
</item>
</argument>
</component>
<exportButton name="export_button">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="selectProvider" xsi:type="string">log_listing.log_listing.log_listing_columns.ids</item>
</item>
</argument>
</exportButton>
<filters name="listing_filters">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="columnsProvider" xsi:type="string">log_listing.log_listing.log_listing_columns</item>
<item name="storageConfig" xsi:type="array">
<item name="provider" xsi:type="string">log_listing.log_listing.listing_top.bookmarks</item>
<item name="namespace" xsi:type="string">current.filters</item>
</item>
<item name="templates" xsi:type="array">
<item name="filters" xsi:type="array">
<item name="select" xsi:type="array">
<item name="component" xsi:type="string">Magento_Ui/js/form/element/ui-select</item>
<item name="template" xsi:type="string">ui/grid/filters/elements/ui-select</item>
</item>
</item>
</item>
<item name="childDefaults" xsi:type="array">
<item name="provider" xsi:type="string">log_listing.log_listing.listing_top.listing_filters</item>
<item name="imports" xsi:type="array">
<item name="visible" xsi:type="string">log_listing.log_listing.log_listing_columns.${ $.index }:visible</item>
</item>
</item>
</item>
<item name="observers" xsi:type="array">
<item name="column" xsi:type="string">column</item>
</item>
</argument>
</filters>
<massaction name="listing_massaction">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="selectProvider" xsi:type="string">log_listing.log_listing.log_listing_columns.ids</item>
<item name="indexField" xsi:type="string">log_id</item>
</item>
</argument>
<action name="delete">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="type" xsi:type="string">delete</item>
<item name="label" xsi:type="string" translate="true">Delete</item>
<item name="url" xsi:type="url" path="*/*/massDelete"/>
<item name="confirm" xsi:type="array">
<item name="title" xsi:type="string" translate="true">Delete logs</item>
<item name="message" xsi:type="string" translate="true">Are you sure you want to delete selected logs?</item>
</item>
</item>
</argument>
</action>
</massaction>
<paging name="listing_paging">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="storageConfig" xsi:type="array">
<item name="provider" xsi:type="string">log_listing.log_listing.listing_top.bookmarks</item>
<item name="namespace" xsi:type="string">current.paging</item>
</item>
<item name="selectProvider" xsi:type="string">log_listing.log_listing.log_listing_columns.ids</item>
</item>
</argument>
</paging>
</container>
<columns name="log_listing_columns">
<selectionsColumn name="ids">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="indexField" xsi:type="string">log_id</item>
<item name="sortOrder" xsi:type="number">10</item>
</item>
</argument>
</selectionsColumn>
<column name="log_id">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">textRange</item>
<item name="sorting" xsi:type="string">asc</item>
<item name="label" xsi:type="string" translate="true">ID</item>
<item name="sortOrder" xsi:type="number">20</item>
</item>
</argument>
</column>
<column name="status">
<argument name="data" xsi:type="array">
<item name="options" xsi:type="object">VendorLogModelSourceStatus</item>
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">select</item>
<item name="component" xsi:type="string">Vendor_Log/js/grid/columns/status</item>
<item name="editor" xsi:type="string">select</item>
<item name="dataType" xsi:type="string">select</item>
<item name="label" xsi:type="string" translate="true">Status</item>
<item name="sortOrder" xsi:type="number">30</item>
</item>
</argument>
</column>
<column name="entity_type">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="sorting" xsi:type="string">asc</item>
<item name="label" xsi:type="string" translate="true">Entity Type</item>
<item name="sortOrder" xsi:type="number">40</item>
</item>
</argument>
</column>
<column name="event">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="sorting" xsi:type="string">asc</item>
<item name="label" xsi:type="string" translate="true">Event</item>
<item name="sortOrder" xsi:type="number">50</item>
</item>
</argument>
</column>
<column name="message">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="sorting" xsi:type="string">asc</item>
<item name="label" xsi:type="string" translate="true">Message</item>
<item name="sortOrder" xsi:type="number">60</item>
</item>
</argument>
</column>
<column name="exception">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="sorting" xsi:type="string">asc</item>
<item name="label" xsi:type="string" translate="true">Exception</item>
<item name="sortOrder" xsi:type="number">70</item>
</item>
</argument>
</column>
<column name="external_timestamp">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">dateRange</item>
<item name="dataType" xsi:type="string">date</item>
<item name="sorting" xsi:type="string">desc</item>
<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>
<item name="label" translate="true" xsi:type="string">External Timestamp</item>
<item name="sortOrder" xsi:type="number">80</item>
</item>
</argument>
</column>
<column name="created_at">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">dateRange</item>
<item name="dataType" xsi:type="string">date</item>
<item name="sorting" xsi:type="string">desc</item>
<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/date</item>
<item name="label" translate="true" xsi:type="string">Created At</item>
<item name="sortOrder" xsi:type="number">90</item>
</item>
</argument>
</column>
<actionsColumn name="actions" class="VendorLogUiComponentListingColumnActions">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="component" xsi:type="string">Vendor_Log/js/grid/columns/actions</item>
<item name="sortOrder" xsi:type="number">100</item>
</item>
</argument>
</actionsColumn>
</columns>
</listing>

Can anyone help me out? Please.
I have no Idea what’s wrong. Thank you

You may also like