Skip to Content

sapui5 input validation using conditional combobox binding.

What we are going to do is simple.We have two comboboxes.Based on first combobox value second combobox values should change.ie when value changes second combobox binding should change(dynamic binding).

Steps

1.Our odata should look like this.Here iam using custom data.Set data to the core so we can access it.

dynamic1.PNG

2.Create first combobox and bind data to it.Here is the tricky part.In the selectionchange event of combobox call a function for binding the secondcombo passing the selected key as parameter.

dynamic2.PNG

3.Function for binding second combobox.

dynamic3.PNG

4.You Should set initial binding of second combo by calling function passing 0 as parameter

dynamic4.PNG

sharing sample code

JS Bin – Collaborative JavaScript Debugging

Be the first to leave a comment
You must be Logged on to comment or reply to a post.