Skip to Content
avatar image
Former Member

smartfilterbar sapui5 not working

Hi all,

I am having a look on the smartcontrols. The smarttable is working fine for me. But the smartfilterbar is not working. Also the example given by the tutorial is not working. Is there something missing? In the given example I get not results back for the filter as well as the property preventInitialDataFetchInValueHelpDialog="false" is not working.

SAPUI5 Explored

Thanks for your support.


Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Best Answer
    Nov 01, 2015 at 05:16 PM

    Hi Silvia,

    It all depends on your requirement, how you want to use the filter bar control.

    If you're using the advanced search like field value search, then you have to place the logic in search event of filter bar control like below -

    search: function(oEvent){
    var oParams = oEvent.getParameter("selectionSet");       //Get Advanced Search values
    oCompanyCode = oParams[0].getValue();          //Get Company Code value
    oCurrencyCode = oParams[1].getValue();
    //.... so on...

    If you want to use basic search that is placed on left side, then you can use sap.m.SearchField control and say -

    var oFilterBar = new sap.ui.comp.filterbar.FilterBar();
    var oSearch = new sap.m.SearchField();

    Check this sample: Plunker

    Use Basic Search to filter on CompanyCode / CurrencyCode / Company Name. (For this, you have to use KEYBOARD enter OR PRESS on search icon in search field.)

    Use Advanced Search (For this, you have to use 'GO' button)


    Sai Vellanki.

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member

      I really want to use the smartfilterbar which is depending on the properties of the odata service. Thanks for your reply . Maybe this will help me for another requirement.

      Do you also have an idea why the property preventInitialDataFetchInValueHelpDialog="false" is not working on desktop (chrome latest version)

      Thanks in advance

  • avatar image
    Former Member
    Nov 01, 2015 at 05:07 PM

    Filterbar on Currency working but not on Category.

    preventInitialDataFetchInValueHelpDialog="false" is working on smartphone but not on desktop.

    Still investigation ...

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Nov 01, 2015 at 05:26 PM

    Products.json is wrong. Categroy Name is given instead of key. When applying key instead of description filtering on Category is also working....see below. But preventInitialDataFetchInValueHelpDialog="false" is still not working for me on desktop devices.

    "ProductId": "1239102",

        "Name": "Power Projector 4713",

        "Category": "Projector ",  ----> needs to be set to "PRO"

        "SupplierName": "Titanium",

        "Description": "A very powerful projector with special features for Internet usability, USB",

        "WeightMeasure": 1467,

        "WeightUnit": "g",

        "Price": 856.49,

        "CurrencyCode": "INR",

        "Status": "Available",

        "Quantity": 3,

        "UoM": "PC",

        "Width": 51,

        "Depth": 42,

        "Height": 18,

        "DimUnit": "cm"

    Add comment
    10|10000 characters needed characters exceeded

    • Hi Silvia,

      I'm facing with the same problem. I don't see the input field from the smartfilterbar, only the buttons.

      My $metadata looks like this:

      I want the field to be of type Qmnum, so I'm setting the 'key' property to "Qmnum", but no filed is displayed.

      This is my code in Eclipse:

      createContent : function(oController) {
        var oPage = new sap.m.Page({
        title : "Selection Screen"
        var oSFB = new sap.ui.comp.smartfilterbar.SmartFilterBar("smartFilterBar", {
        entityType: "oList",
        controlConfiguration: new sap.ui.comp.smartfilterbar.ControlConfiguration("", {
        key: "Qmnum",
        label: "Select Option1",
        visibleInAdvancedArea: true,
        preventInitialDataFetchInValueHelpDialog: true
        var oBtn = new sap.m.Button("selscrBtnGo", {
        text: "Go",
        width: "10rem",
        type: "Accept",
        tap: function(){
        return oPage;


      And this is the generated JSON structure:

      Do you have any idea why this happens and how can I solve it?


      Screenshot_2.jpg (164.8 kB)
      Screenshot_3.jpg (52.7 kB)