In listView component data-bind issue

[License Admin]

In listView component when loading data from remote if virtualization is enabled it won't bind data to the component

Tried Scenario: example of list view component with loading data using remote data is been used in the same virtualization related code is been included and tried to enable virtualization here where control fails to bind data to the component can you please help me out in this scenario

Below link is what we have tried up in this code spinet make enableVirtualization as true data will not load into the listView component 

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

[Sowmiya Padmanaban]

Hi Sandeep,  

 

Greetings from Syncfusion support. 

 

We have checked your attached sample and found out the reported issue occur because the virtualization module is not injected properly in your sample. 

 

Refer the below code snippet. 

 

 <ListViewComponent id='sample-list' dataSource={this.dataSource}  enableVirtualization={true} > 

        <Inject services={[Virtualization]}/> 

        </ListViewComponent> 

 

 

Refer the sample link below. 

https://stackblitz.com/edit/react-yoj3rb-uzkgjn?file=index.js 

 

To know more about the Virtualization. Refer the below link.  

https://ej2.syncfusion.com/react/documentation/listview/virtualization/ 

 

Refer the below links for ListView component. 

 

UG Documentation –https://ej2.syncfusion.com/react/documentation/listview/getting-started/ 

 

Demo link –https://ej2.syncfusion.com/react/demos/#/material/listview/default/ 

 

API Reference –https://ej2.syncfusion.com/react/documentation/api/list-view/ 

 

Please let us know, if you have any concerns. 

 

 

Regards,  

Sowmiya.P