Listview Query items

[Mehdi Nabhani]

How can I apply a query to ListView like on DropDownList?

The below function (used from the cascading GropDownList example) works fine ob DropDownLists, but does not work for ListViews, altought ListView object has the same references. The data does not get filtered or updated.

function onSectionChange() {

pageObj.current.query = new Query().where('sectionID', 'equal', sectionObj.current.value);

pageObj.current.enabled = true;

pageObj.current.text = null;

pageObj.current.dataBind();

}

[LeoLavanya Dhanaraj]

Hi Mehdi,

Greetings from Syncfusion support.

Based on the shared details, we understand that you want to filter list data using a query in the React ListView component. Accordingly, we have prepared a sample for your reference, which is included in the latest version (21.1.41). With this implementation, the ListView component can display filtered data based on user inputs, using the DataManager.

Sample : https://stackblitz.com/edit/react-utgtm5?file=index.js

Also, check out the below documentation link for achieving the ListView filtering on React platform.

https://ej2.syncfusion.com/react/documentation/listview/how-to/filter-list-items-in-the-listview

Note : In this sample, list data has been filtered with starting character of the list items. You can also filter list items with ending character by passing the endswith in where clause instead of startswith.

Regards,

Leo Lavanya Dhanaraj

[Mehdi Nabhani]

Thank you.

[LeoLavanya Dhanaraj]

Mehdi, Glad to know your issue has been resolved. Please get back to us in future for further assistance.