DropDownList search filtering for all records in vritualscroll mode and Grid loading

[Pratura]

Hi,

I have an ejDropDownList with the properties itemsCount: 20, enableFilterSearch: true, allowVirtualScrolling: true, virtualScrollMode: "continuous"

When performing a search within the dropdownlist (enableFilterSearch) it doesn't show (filter) the data that is not yet loaded by virtualscrolling

Is there a way to search for that data, but not loading the entire dropdown dataSource?

Also, when debugging i noticed that all the data is actually loaded in the dropdownlist datasource.

The same thing is with the grid when it's on virtualscrolling. It loads all the data (when debu.

Is this normal behaviour? Shouldn't the grid load only a few set of items and then load the rest as it scrolls?

Thank you.

[Dhivyalakshmi Thirumurugan]

Hi Pratura, 

 

Thanks for contacting Syncfusion support. 

 

Query  : “Is there a way to search for that data, but not loading the entire dropdown dataSource?”  

  

We can achieve the reported scenario in DropDownList. For that please check the below link.   

   

UG Link: http://help.syncfusion.com/js/dropdownlist/howto#to-enable-filter-search-for-virtual-items-that-are-not-visible-on-the-page-when-virtualscrollmode-is-continuous 

  

Please let us know if you need any further assistance. 

 

Regards, 

Dhivyalakshmi. 

[Dhivyalakshmi Thirumurugan]

Hi Pratura,  

 

Query 2: The same thing is with the grid when it's on virtualscrolling. It loads all the data (when debug Is this normal behaviour? Shouldn't the grid load only a few set of items and then load the rest as it scrolls? 

 

We are unable to reproduce the issue at our end after rendering the Grid with virtual scrolling. Refer to the following code example and sample.  

 

<div id="Grid"></div>  

  

<script>  

    $(function () {  

        $("#Grid").ejGrid({  

            dataSource: ej.DataManager({  

                url: "/Home/Datasource",  

                adaptor: new ej.UrlAdaptor()  

            }),  

            allowScrolling: true,  

            scrollSettings: { height: 500, allowVirtualScrolling: true, enableVirtualization: true },  

             . . .   

        });  

    })  

</script>  

  

        public ActionResult Datasource(DataManager dm)  

        {  

            IEnumerable data = new NorthwindDataContext().OrdersViews.ToList();  

            DataOperations operation = new DataOperations();  

            int count = data.AsQueryable().Count();  

            if (dm.Skip != 0)  

            {  

                data = operation.PerformSkip(data, dm.Skip);  

            }  

            if (dm.Take != 0)  

            {  

                data = operation.PerformTake(data, dm.Take);  

            }  

            return Json(new { result = data, count = count }, JsonRequestBehavior.AllowGet);  

        }  

 

Sample: http://www.syncfusion.com/downloads/support/forum/125212/ze/F1252061634275583.zip  

 

VirtualScrolling works on the load on demand concept. At the initial render of the Grid, it will bind the current page data. Later, while scrolling the Grid, it will retrieve the data and bind them.   

 

If you are still facing any issue with the Grid, please share the following information.  

 

1)      Code example of Grid and code behind  

2)      If possible, modify the attached sample and replicate the issue.  

3)      If you are using a remote data, please ensure the server-side paging has been handled.  

 

Regards,  

Dhivyalakshmi.