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.
Unfortunately, activation email could not send to your email. Please try again.

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

Thread ID:

Created:

Updated:

Platform:

Replies:

125206 Jul 29,2016 09:31 AM Aug 2,2016 08:52 AM JavaScript 2
loading
Tags: ejDropDownList
Pratura
Asked On July 29, 2016 09:31 AM

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 [Syncfusion]
Replied On August 1, 2016 11:44 PM

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.   
   
  
Please let us know if you need any further assistance. 
 
Regards, 
Dhivyalakshmi. 


Dhivyalakshmi Thirumurugan [Syncfusion]
Replied On August 2, 2016 08:52 AM


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);  
        }  
 
 
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. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;