Magento 2 自定义模块（管理员）微调器永远不会消失

Question

我想在我的 magento2 模块中显示记录列表。数据已成功加载，但加载进度条从未消失：

我的 ui_component 文件名为：paymentconfirmations_paymentconfirmation_listing.xml：

<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">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing_data_source</item>
        <item name="deps" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing_data_source</item>
    </item>
    <item name="spinner" xsi:type="string">blog_post_columns</item>
</argument>
<dataSource name="paymentconfirmations_paymentconfirmation_listing_data_source">
    <argument name="dataProvider" xsi:type="configurableObject">
        <argument name="class" xsi:type="string">PaymentConfirmationDataProvider</argument>
        <argument name="name" xsi:type="string">paymentconfirmations_paymentconfirmation_listing_data_source</argument>
        <argument name="primaryFieldName" xsi:type="string">id</argument>
        <argument name="requestFieldName" xsi:type="string">id</argument>
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="update_url" xsi:type="url" path="mui/index/render"/>
            </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="component" xsi:type="string">Magento_Ui/js/grid/controls/bookmarks/bookmarks</item>
                <item name="displayArea" xsi:type="string">dataGridActions</item>
                <item name="storageConfig" xsi:type="array">
                    <item name="saveUrl" xsi:type="url" path="mui/bookmark/save"/>
                    <item name="deleteUrl" xsi:type="url" path="mui/bookmark/delete"/>
                    <item name="namespace" xsi:type="string">paymentconfirmations_paymentconfirmation_listing</item>
                </item>
            </item>
        </argument>
    </bookmark>
    <container 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">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_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>
    </container>
    <filterSearch name="fulltext">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="component" xsi:type="string">Magento_Ui/js/grid/search/search</item>
                <item name="displayArea" xsi:type="string">dataGridFilters</item>
                <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing_data_source</item>
                <item name="chipsProvider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters_chips</item>
                <item name="storageConfig" xsi:type="array">
                    <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks</item>
                    <item name="namespace" xsi:type="string">current.search</item>
                </item>
            </item>
        </argument>
    </filterSearch>
    <filters name="listing_filters">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="displayArea" xsi:type="string">dataGridFilters</item>
                <item name="dataScope" xsi:type="string">filters</item>
                <item name="storageConfig" xsi:type="array">
                    <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks</item>
                    <item name="namespace" xsi:type="string">current.filters</item>
                </item>
                <item name="childDefaults" xsi:type="array">
                    <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters</item>
                    <item name="imports" xsi:type="array">
                        <item name="visible" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks:current.columns.${ $.index }.visible</item>
                    </item>
                </item>
            </item>
        </argument>
        <filterRange name="id">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="dataScope" xsi:type="string">id</item>
                    <item name="label" xsi:type="string" translate="true">ID</item>
                    <item name="childDefaults" xsi:type="array">
                        <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters</item>
                    </item>
                </item>
            </argument>
            <filterInput name="from">
                <argument name="data" xsi:type="array">
                    <item name="config" xsi:type="array">
                        <item name="dataScope" xsi:type="string">from</item>
                        <item name="label" xsi:type="string" translate="true">from</item>
                        <item name="placeholder" xsi:type="string" translate="true">From</item>
                    </item>
                </argument>
            </filterInput>
            <filterInput name="to">
                <argument name="data" xsi:type="array">
                    <item name="config" xsi:type="array">
                        <item name="dataScope" xsi:type="string">to</item>
                        <item name="label" xsi:type="string" translate="true">to</item>
                        <item name="placeholder" xsi:type="string" translate="true">To</item>
                    </item>
                </argument>
            </filterInput>
        </filterRange>
        <filterInput name="order_number">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="dataScope" xsi:type="string">order_number</item>
                    <item name="label" xsi:type="string" translate="true">Order Number</item>
                </item>
            </argument>
        </filterInput>
        <filterInput name="account_number">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="dataScope" xsi:type="string">account_number</item>
                    <item name="label" xsi:type="string" translate="true">Account Number</item>
                </item>
            </argument>
        </filterInput>
        <filterInput name="account_holder">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="dataScope" xsi:type="string">account_holder</item>
                    <item name="label" xsi:type="string" translate="true">Account Holder</item>
                </item>
            </argument>
        </filterInput>
        <filterRange name="transfer_date" class="Magento\Ui\Component\Filters\Type\DateRange">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="dataScope" xsi:type="string">transfer_date</item>
                    <item name="label" xsi:type="string" translate="true">Transfer Date</item>
                    <item name="childDefaults" xsi:type="array">
                        <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters</item>
                    </item>
                </item>
            </argument>
            <filterDate name="from">
                <argument name="data" xsi:type="array">
                    <item name="config" xsi:type="array">
                        <item name="dataScope" xsi:type="string">from</item>
                        <item name="label" xsi:type="string" translate="true">from</item>
                        <item name="placeholder" xsi:type="string" translate="true">From</item>
                        <item name="dateFormat" xsi:type="string" translate="true">MM/dd/YYYY</item>
                    </item>
                </argument>
            </filterDate>
            <filterDate name="to">
                <argument name="data" xsi:type="array">
                    <item name="config" xsi:type="array">
                        <item name="dataScope" xsi:type="string">to</item>
                        <item name="label" xsi:type="string" translate="true">to</item>
                        <item name="placeholder" xsi:type="string" translate="true">To</item>
                        <item name="dateFormat" xsi:type="string" translate="true">MM/dd/YYYY</item>
                    </item>
                </argument>
            </filterDate>
        </filterRange>
        <filterRange name="created_at" class="Magento\Ui\Component\Filters\Type\DateRange">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="dataScope" xsi:type="string">created_at</item>
                    <item name="label" xsi:type="string" translate="true">Created</item>
                    <item name="childDefaults" xsi:type="array">
                        <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.listing_filters</item>
                    </item>
                </item>
            </argument>
            <filterDate name="from">
                <argument name="data" xsi:type="array">
                    <item name="config" xsi:type="array">
                        <item name="dataScope" xsi:type="string">from</item>
                        <item name="label" xsi:type="string" translate="true">from</item>
                        <item name="placeholder" xsi:type="string" translate="true">From</item>
                        <item name="dateFormat" xsi:type="string" translate="true">MM/dd/YYYY</item>
                    </item>
                </argument>
            </filterDate>
            <filterDate name="to">
                <argument name="data" xsi:type="array">
                    <item name="config" xsi:type="array">
                        <item name="dataScope" xsi:type="string">to</item>
                        <item name="label" xsi:type="string" translate="true">to</item>
                        <item name="placeholder" xsi:type="string" translate="true">To</item>
                        <item name="dateFormat" xsi:type="string" translate="true">MM/dd/YYYY</item>
                    </item>
                </argument>
            </filterDate>
        </filterRange>
        <filterSelect name="status">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="dataScope" xsi:type="string">status</item>
                    <item name="label" xsi:type="string" translate="true">Status</item>
                    <item name="caption" xsi:type="string" translate="true">Select...</item>
                    <item name="options" xsi:type="array">
                        <item name="disable" xsi:type="array">
                            <item name="value" xsi:type="string">0</item>
                            <item name="label" xsi:type="string" translate="true">Disabled</item>
                        </item>
                        <item name="enable" xsi:type="array">
                            <item name="value" xsi:type="string">1</item>
                            <item name="label" xsi:type="string" translate="true">Published</item>
                        </item>
                    </item>
                </item>
            </argument>
        </filterSelect>
    </filters>
    <massaction name="listing_massaction">
        <argument name="data" xsi:type="array">
            <item name="config" xsi:type="array">
                <item name="selectProvider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_columns.ids</item>
                <item name="indexField" xsi:type="string">id</item>
            </item>
        </argument>
        <action name="disable">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="type" xsi:type="string">disable</item>
                    <item name="label" xsi:type="string" translate="true">Disable</item>
                    <item name="url" xsi:type="url" path="paymentconfirmations/paymentconfirmation/massDisable"/>
                </item>
            </argument>
        </action>
        <action name="enable">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="type" xsi:type="string">enable</item>
                    <item name="label" xsi:type="string" translate="true">Enable</item>
                    <item name="url" xsi:type="url" path="paymentconfirmations/paymentconfirmation/massEnable"/>
                </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">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks</item>
                    <item name="namespace" xsi:type="string">current.paging</item>
                </item>
                <item name="selectProvider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_columns.ids</item>
                <item name="displayArea" xsi:type="string">bottom</item>
                <item name="options" xsi:type="array">
                    <item name="20" xsi:type="array">
                        <item name="value" xsi:type="number">20</item>
                        <item name="label" xsi:type="string" translate="true">20</item>
                    </item>
                    <item name="30" xsi:type="array">
                        <item name="value" xsi:type="number">30</item>
                        <item name="label" xsi:type="string" translate="true">30</item>
                    </item>
                    <item name="50" xsi:type="array">
                        <item name="value" xsi:type="number">50</item>
                        <item name="label" xsi:type="string" translate="true">50</item>
                    </item>
                    <item name="100" xsi:type="array">
                        <item name="value" xsi:type="number">100</item>
                        <item name="label" xsi:type="string" translate="true">100</item>
                    </item>
                    <item name="200" xsi:type="array">
                        <item name="value" xsi:type="number">200</item>
                        <item name="label" xsi:type="string" translate="true">200</item>
                    </item>
                </item>
            </item>
        </argument>
    </paging>
</container>
<columns name="paymentconfirmations_paymentconfirmation_columns">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="storageConfig" xsi:type="array">
                <item name="provider" xsi:type="string">paymentconfirmations_paymentconfirmation_listing.paymentconfirmations_paymentconfirmation_listing.listing_top.bookmarks</item>
                <ite

    

Answer 1

已经很长时间了，但我遇到了同样的问题，但我解决了这个问题。微调器检查columns对象上的参考点。两个 XML 元素的名称字段应该相同。在下面的更改后，它应该可以工作。

<item name="spinner" xsi:type="string">blog_post_columns</item>
....

<columns name="blog_post_columns">