Complex Binding in SAPUI5 XML View

Question

I am trying to convert a string value to Boolean while binding it from a JSONModel. Ideally the value in my model is "true"/"false" and I want to bind it to the visible property of an item. The model is defined to be TwoWay binding but I guess that does not matter in this case

I have declared "complex binding" in the index.html.

data-sap-ui-xx-bindingSyntax="complex"

Then I create my XML view and bind the property from the model as below:

<P13nColumnsItem>
  columnKey="{tableVariantAFModel>Fieldname}" 
visible="{path:'tableVariantAFModel>Visible', type: 'sap.ui.model.type.Boolean', mode: 'sap.ui.model.BindingMode.TwoWay'}" 
index="{tableVariantAFModel>DisplayOrder}">
  <P13nColumnsItem>

When I run my app,it throws the below error:

Is there any step I am missing? Also, I need to add this app to the Fiori Launchpad, so I need to define the complex binding in manifest.json file rather than in index.html . Where can I define it in the manifest file.

matbtt · Accepted Answer · 2016-10-06 07:01:41Z

3

For simple use cases like this you can use an expression binding instead of implementing additional logic somewhere.

<P13nColumnsItem>
  columnKey="{tableVariantAFModel>Fieldname}" 
  visible="{= ${tableVariantAFModel>Visible} === 'true'}" 
  index="{tableVariantAFModel>DisplayOrder}">
<P13nColumnsItem>

answered Oct 6, 2016 at 7:01

matbtt

4,20622 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Matti.b Over a year ago

Here is the sap help link.

Matti.b · Accepted Answer · 2016-10-06 06:53:21Z

1

i would advise to use a formatter. See here. In the formatter you could write:

visible="{path:'tableVariantAFModel>Visible', formatter: '.formatter.stringToBoolean'}"

in the formatter you could create the function like:

stringToBoolean: function(_stringBoolean){
    (_stringBoolean === "true") ? return true : return false;
}

You have to make sure that you instantiate the formatter in your controller, or optionally you could choose a function in your controller itself.

answered Oct 6, 2016 at 6:53

Matti.b

3603 silver badges14 bronze badges

2 Comments

Deepak Over a year ago

Thanks Matti. I am currently using formatters itself. SAPUI5 documentation says formatters are trivial. Also, how do I define my complex binding in manifest file??

Matti.b Over a year ago

That depends on your UI5 version, but generally speaking you should be able to add settings to your model. Add value defaultBindingMode with TwoWay.

Collectives™ on Stack Overflow

Complex Binding in SAPUI5 XML View

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related