livesearch

Live Search functionality in sapui5 list control

Pre-requisites

1.sapui5 framework
2.basic javascript knowledge

What we are going to do is simple.We have a List with data.We also have a Search field.When we search the data in the list is refined based on the searchfield you entered live.We are using liveChange event of sap.m.SearchField control to achieve this.



Steps

1.Create a list and bind data to the list.



2.Create search field control.


3.Get the search field value.




4.Implement search in liveChange event.


If we set bAnd to true both filters are AND ed.Here we are using OR functionality ie either firstname or lastname contain search value it will show up.

Iam sharing sample code
If you enjoyed this post, I’d be grateful if you’d help it spread by sharing.Thank you! See you soon

0 comments :

Post a Comment

Powered by Blogger.