在阅读magento 2文档时,发现了这张图片
image filters which I want to implement
文档链接:https://devdocs.magento.com/guides/v2.3/pattern-library/displaying-data/datatable/datatable.html
我注意到过滤器在列本身中,而不是在过滤器按钮中。我该如何实施?我在任何地方都找不到要使用的代码。
编码我的XML文件:
<filters name="listing_filters">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<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>
</argument>
</filters>
列代码
<column name="title">
<argument name="data" xsi:type="array">
<item name="width" xsi:type="string">150px</item>
<item name="config" xsi:type="array">
<item name="filter" xsi:type="string">text</item>
<item name="headerTmpl" xsi:type="string" >ui/grid/columns/donordrives</item>
<item name="component" xsi:type="string">Magento_Ui/js/grid/columns/column</item>
<item name="bodyTmpl" xsi:type="string">ui/grid/cells/html</item>
<item name="sortable" xsi:type="boolean">true</item>
<item name="dataType" xsi:type="string">text</item>
<item name="align" xsi:type="string">left</item>
<item name="label" xsi:type="string" translate="true">title</item>
</item>
</argument>
</column>
目前,我的过滤器如下: