如何在SAP UI5的XML视图中创建行中继器的分类器和过滤器？

Question

我正在尝试在SAP UI5的Xml视图中创建行中继器元素的排序器和过滤器。

我尝试使用JavaScript View创建但没有运气。

如何在XML视图中编写行中继器的排序器和过滤器？

<c:RowRepeater rows="{path: bindingpath}" id="rowRepeater" title="Companies Filter">

           <c:filters>
             <c:RowRepeaterFilter id="filter1" text="Filter Text Goes Here" filter="{path: bindingpath, operator: "EQ", value: 'my value'}">

                </c:RowRepeaterFilter>

           <c:filters>
            <c:sorters>
                <c:RowRepeaterSorter id="sorter2" text="Sorter 1" sorter="{path: bindingpath, descending: true}">

                </c:RowRepeaterSorter>
                <c:RowRepeaterSorter id="sorter1" text="Sorter 2"  sorter="{path: bindingpath, descending: true}">

                </c:RowRepeaterSorter>

            </c:sorters>
            <core:Title text="Companies Filter"></core:Title>
            <c:rows>
                <Panel>
                    <content>

                        <!-- Display Binding Elements -->

                    </content>
                </Panel>
            </c:rows>
        </c:RowRepeater>

Answer 1

据我所知，你不能“完全”用XML编写分类器（这是一种耻辱，我完全同意！）

我相信其原因是c:RowRepeaterSorter的sorter propery的签名;它期望一个sap.ui.model.Sorter类型的对象，并且通过指定像{path : 'field', descending : true}这样的对象无法正确识别它

解决方案如下：

1. 像往常一样写你的RowRepeaterSorter，没有sorter属性：

   <c:sorters>
       <c:RowRepeaterSorter id="sorter2" text="Sorter 1" />
       <c:RowRepeaterSorter id="sorter1" text="Sorter 2" />
   </c:sorters>

2. 在控制器的onAfterRendering事件处理程序中，设置实际的排序器：

   var oSorter1 = this.getView().byId("sorter1");
   oSorter1.setSorter(new sap.ui.model.Sorter({path : "field1", descending : "true"}));

Answer 2

最后我找到了这个问题的答案。

过滤器不支持动态绑定。过滤器可以通过javascript控制器实现。

我从this question发现了这个。

来到行中继器分拣机我按照语法尝试了分拣机：

<c:RowRepeater rows="{path: bindingpath}" id="rowRepeater" title="Companies Filter">


                <c:sorters>
                    <c:RowRepeaterSorter id="sorter2" text="Sorter 1" sorter="{path: bindingpath, descending: true}">

                    </c:RowRepeaterSorter>
                    <c:RowRepeaterSorter id="sorter1" text="Sorter 2"  sorter="{path: bindingpath, descending: true}">

                    </c:RowRepeaterSorter>

                </c:sorters>
                <core:Title text="Companies Filter"></core:Title>
                <c:rows>
                    <Panel>
                        <content>

                            <!-- Display Binding Elements -->

                        </content>
                    </Panel>
                </c:rows>
            </c:RowRepeater>

我没有获得任何分拣机功能。但按钮即将出现在屏幕上。现在我假设不直接支持分拣机。