We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Examples of Search with List View?

Do you have any examples of using a Search in the ListView. 

For example the datagrid has a nice toolbar search example. We'd like the same thing for the ListView. 

1 Reply

CI Christopher Issac Sunder K Syncfusion Team December 7, 2018 07:27 AM UTC

Hi Joe, 

Thank you for contacting Syncfusion support. 

Yes, we can search the list items from ListView with help of DataManager. To achieve your requirement, we have used textbox to perform search operation in ListView. The data is searched by user input and searched data is appended to ListView. Please refer to the below code snippet, 
    let value = this.textboxEle.nativeElement.value; 
    let data = new DataManager(this.listData).executeLocal(new Query().where("text", "startswith", value, true)); 
    if (!value) { 
        this.listObj.dataSource = this.listData.slice(); 
    } else { 
        this.listObj.dataSource = data; 
Please let us know if you need any further assistance. 


Live Chat Icon For mobile
Up arrow icon