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

ListView component not work

Hello

I try use ListView components based on your documentation.

I use
  • VS 2019 v16.0.0
  • .NET Core 3.0.100-preview4-011223
  • ASP.NET Core Web Application Blazor (server-side) Template
When I run app ListView is not render and no error in browser console.

I created sample app, please look at Index.razor file.

Thank you

Attachment: SfRazorApp.Sandbox_46557eeb.zip

2 Replies


VR Vairamuthu Ramamoorthi Syncfusion Team May 6, 2019 01:10 PM UTC

Hi Jan 
Greetings from Syncfusion support.  

We plan to improvement our getting started documentation improvement based on Blazor file structure changes. We will update getting started document based on current Blazor structure  as soon as possible. How ever We have created sample for rendering the listview component. Please refer following steps for  created sample for rendering the listview component 
       

1) Please refer the below  documentation link for rendering our  component in blazor framework.   
    

 2) In 4th step insert razor listview component  instead of calendar by using below code snippets  
  

 @using Syncfusion.EJ2.RazorComponents 
 @using Syncfusion.EJ2.RazorComponents.Lists  

  
        
 3)  In 6th step you need add the below code snippet for rendering listview component  

<EjsListView enable="true" id="listview" dataSource=@data></EjsListView> 
@functions{ 
object[] data = 
new { text= "Artwork", id= "01" }, 
new { text= "Abstract", id= "02" }, 
new { text= "Modern Painting", id= "03" }, 
new { text= "Ceramics", id= "04" }, 
new { text= "Animation Art", id= "05" }, 
new { text= "Oil Painting", id= "06" } 
}; 


       

Regards, 
Vairamuthu R 


Loader.
Live Chat Icon For mobile
Up arrow icon