UI5: Formatter called multiple times or too soon from an XML view

Question

I\'m using OpenUI5. Using the formatter.js, I have formatted some text in my view.

But my formatter is called 3 times:

1. When I bind the

Answer 1

Now, given that you are trying to load a static JSON file into your project, it's better to maximize the usage of the manifest.json.

That way, you are sure that the data is already loaded and available in the model prior to any binding.

You achieve this by adding the JSON file as a data source under sap.app

manifest.json

"sap.app": {
    "id": "com.sample.app",
    "type": "application",
    "dataSources": {
        "data": {
            "type": "JSON",
            "uri": "model/data.json"
        }
    }
}

Now, simply add this dataSource called data as one of the models under sap.ui5.

"sap.ui5": {
    "rootView": {
        "viewName": "com.sample.app.view.App",
        "type": "XML"
    },
    "models": {
        "i18n": {
            "type": "sap.ui.model.resource.ResourceModel",
            "settings": {
                "bundleName": "com.app.sample.i18n.i18n"
            }
        },
        "data": {
            "type": "sap.ui.model.json.JSONModel",
            "dataSource": "data"
        }
    }
}

With this, you DON'T need to call this anymore:

var oModel = new JSONModel();
var oView = this.getView();
oModel.loadData("model/data.json");
var oPanel = oView.byId("user-panel-id");
oPanel.setModel(oModel,"data"); 

..as the data model we added in the manifest.json, is already visible to oView and oPanel right from the get go.

This way, it doesn't matter if the formatter gets called multiple times, as it would already have the data available to it right from the beginning.