is there a way to preselect a value in the listview element

[Tim Smith]

I have a listview element that I need to set up with preselected items in certain situations. I saw a Blazor example of doing something like this and wondered if there was an asp.net core example or if it was possible.

I should have also stated this is a multi select listview with checkbox enabled

[Sowmiya Padmanaban]

Hi Tim Smith,  

 

Greetings from Syncfusion support. 

 

We have checked your requirement with ListView component. You can pre-select an list item by using selectMultipleItems method of ListView component.  

 

Refer the below code snippet. 

 

<ejs-listview id="listview" dataSource="ViewBag.dataSource" showHeader="true" headerTitle="Device settings" actionComplete="actionComplete"> 

    <e-listview-fieldsettings id="id" text="Name"> 

    </e-listview-fieldsettings> 

</ejs-listview> 

<script> 

    function actionComplete() { 

        var listview = document.getElementById("listview").ej2_instances[0]; 

        var data = [{ id: "list-01" }, {id: "list-02"}] 

        // you can select the item using select item method.  

        listview.selectMultipleItems(data);   

    } 

</script> 

 

 

Please, download the sample from the following link. 

 

https://www.syncfusion.com/downloads/support/forum/158565/ze/ListView-147292538.zip 

 

Refer the below link for ListView component. 

 

UG documentation- https://ej2.syncfusion.com/aspnetcore/documentation/listview/nested-list/ 

 

Demo link- https://ej2.syncfusion.com/aspnetcore/ListView/DefaultFunctionalities#/material 

 

API reference- https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Lists.ListView.html 

 

Please let us know, if you need any further assistance. 

 

Regards,  

Sowmiya.P