Filtering data in UI5

Question

The filter using below code is not working. I created an application using a template from Web IDE and then bound OData to the list in XMLView, applying filter on search.

View:

<SearchField liveChange="onSearch" id="master1SearchField" search="onSearch"/>  
<List id="master1List" items="{path:'/DetailsSet'}">
    <items>
        <ObjectListItem id="master1ListItem">
            <attributes>
                <ObjectAttribute text="{Name}"/>                            
            </attributes>
        </ObjectListItem>
    </items>
</List>

Controller:

onSearch : function(oEvent) {
    var sFilteredValue = oEvent.getSource().getValue();
    var oFilter = new sap.ui.model.Filter("Name", sap.ui.model.FilterOperator.Contains, sFilteredValue);
    var oElement = this.getView().byId("table");
    var oBinding = oElement.getBinding("items");
    oBinding.filter([oFilter]);             
}

Are you applying the filter on the correct control? The ID of your `oElement` is `"table"` whereas the list has the ID `"master1List"`. — Boghyon Hoffmann, Feb 21 '17 at 23:13
Possible duplicate of [Filter with "or“ and "and" conditions on multiple fields](https://stackoverflow.com/questions/42433200/filter-with-or-and-and-conditions-on-multiple-fields) — Boghyon Hoffmann, Dec 07 '17 at 21:52

Meghana · Answer 1 · 2017-04-04T08:16:12.290

1

You need to get binding of the items on which the filter need to be applied.

var oElement = this.getView().byId("master1List");

should resolve the issue.

edited Apr 04 '17 at 08:16

answered Mar 23 '17 at 10:39

Meghana

41
4

score -1 · Answer 2 · edited Mar 22 '17 at 19:35

-1

Try to force an update of the control after setting the filter:

oBinding.refresh(true);

edited Mar 22 '17 at 19:35

FelixSFD

6,052
10
43
117

answered Mar 22 '17 at 09:42

M. Huebler

69
1
9

Filtering data in UI5

2 Answers2