How to pre-select an item in the ListView?

[j]

Is there a way to pre-select an item in the list so that also it will be highlighted just like when you manually select an item using your mouse.

[Sowmiya Padmanaban]

Hi J,  

 

Greetings from Syncfusion support. 

 

We have checked your requirement with ListView component. ActionComplete event will trigger when every list action complete. In that event, we can pre select any list item using SelectItem method of ListView component . 

 

Refer the below code snippet. 

 

  <SfListView ID="listview" DataSource="@Data" @ref="@list" Height="200px"> 

        <ListViewEvents TValue="DataModel" OnActionComplete="complete"></ListViewEvents> 

        <ListViewFieldSettings Id="Id" Text="Text" IsChecked="isChecked"></ListViewFieldSettings> 

    </SfListView> 

  public void complete(Object args) 

    { 

        // Select the listview items using selectItem method. 

        this.list.SelectItem(new DataModel { Id = "list-02" }); 

    } 

 

Refer the below screenshot. 

 

 

Refer the below sample link: 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp11619272954.zip 

 

To know more about the ListView component, refer the below links. 

 

UG Documentation- https://blazor.syncfusion.com/documentation/listview/getting-started/ 

 

Demo link- https://blazor.syncfusion.com/demos/listview/default-functionalities/ 

 

API reference- https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Lists.IListView.html 

 

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

 

Regards,  

Sowmiya.P 

[Simon Arnold]

I seem to be getting a message saying that this method is deprecated and will no longer be used, if this is the case what is the correct way of selecting the default item ?

[Keerthana Rajendran]

Hi Simon, 

 

Sorry for the inconvenience.  

 

ListView is used for displaying the list items and we will not maintain the pre-selection in ListView component. When streamline this component to Blazor standard in 2020 Volume 3 release(18.3.35), we have deprecated all the selection related methods(GetSelectedItems, selectItem and SelectMultipleItems).  Refer to the below release notes.   

    

https://blazor.syncfusion.com/documentation/release-notes/18.3.35/?type=all#listview 

     

We can maintain the selection only by enabling the ShowCheckBox property of ListView component. We can check an item programmatically using checkItem method of ListView. This is the default behavior of ListView component.     

    

If you want to select the list items without using checkbox property, we suggest you to use the ListBox component to achieve your requirement which is similar to ListView component.      

 

Refer to the following links for more details on ListBox component.  

 

https://blazor.syncfusion.com/demos/listbox/default-functionalities?theme=bootstrap4 

     

https://blazor.syncfusion.com/documentation/listbox/getting-started/ 

 

https://blazor.syncfusion.com/documentation/listbox/selection/     

  

Please let us know if you need further assistance.  

  

Regards,  

Keerthana R.