How to load data on drop down scroll load ?? (ASP.NET MVC)

Mannan

10y5.4k

Note : I don't want to use jquery Autocomplete. because all available options are not available at a glance.

I have a requirement to create a drop down list which will be empty while loading the page. When the user clicks on the drop down, I want to load the first 20 records (List of names or departments etc) from the SQL Server database using jQuery or javascript and json. When the user scroll down to the last, we have to retain the first 20 records and load the next 20 records from the database.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mannan10y ago
I am using jQuery select2 plugin.
scroll event is not working
@Html.DropDownListFor(model=>model.APIwisesearch.API1,ViewBag.API1asSelectList,"SelectActiveingredient1",htmlAttributes:new{@class="form-controlselect2",@placeholder="SelectActiveingredient1",@style="width:15em"})
$("#API1").scroll(function(args){
});
0
Vinay Singh10y ago
Hi
check the link
http://stackoverflow.com/questions/21302989/asp-net-mvc-dropdownlist-add-items-on-scrolling
0
Rajeev Punhani10y ago
Hi Mannan,
I thinkthis is the code you are looking for.
http://stackoverflow.com/questions/21302989/asp-net-mvc-dropdownlist-add-items-on-scrolling
http://jsfiddle.net/sethuramanP/4pmKf/3/
If the above solution is helpful then,accept the answer.
+1