Asp.net mvc dropdownlist在滚动时添加项目

我正在寻找asp.net mvc下拉列表，如果滚动滚动条，它可以添加记录。 我是这个领域的初学者。 有人可以指导我如何实现这个或任何可重用的代码，如

滚动事件将转到控制器，获取记录并附加到下拉列表的最后一项。 我认为任何建议都可以让我理解如何处理代码逻辑

这是我试图附加到下拉列表的内容

 1 2 3 4 5 6 7 8 9 10 11  

Answer 1

Jquery代码

下面是使用ajax调用控制器并获取记录然后绑定到下拉列表的代码

 var mySelect = $('#mySelect'); var sIndex = 11, offSet = 10, isPreviousEventComplete = true, isDataAvailable = true; mySelect.scroll(function (e) { if($(this).scrollTop() + $(this).innerHeight()>=$(this)[0].scrollHeight) { var scrollto=$(this).scrollTop(); if (isPreviousEventComplete && isDataAvailable) { isPreviousEventComplete = false; $(".LoaderImage").css("display", "block"); $.ajax({ type: "GET", url: 'Your url', success: function (result) { $.each(result, function(val, text) { mySelect.append( $('').val(val).html(text) ); }); mySelect.scrollTop( scrollto ); isPreviousEventComplete = true; if (result == '') //When data is not available isDataAvailable = false; $(".LoaderImage").css("display", "none"); }, error: function (error) { alert(error); } }); } } }); 

单击演示链接http://jsfiddle.net/sethuramanP/4pmKf/3/示例，以便在滚动结束时将静态数据添加到下拉列表

Answer 2

您也可以尝试这个支持无限滚动结果的JQuery Select 。