Examples of Search with List View?

[Joe Zuber]

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. 

[Christopher Issac Sunder K]

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, 

  

onkeyup(event){ 

    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; 

    } 

    this.listObj.dataBind(); 

}  

  

Sample: https://stackblitz.com/edit/angular-u4jqws 

  

Please let us know if you need any further assistance. 

Thanks, 

Christo