Asp.net mvc下拉列表添加滚动项
Asp.net mvc下拉列表添加滚动项
提问于 2014-01-23 08:30:00
我正在寻找asp.net mvc下拉列表，它可以添加记录，如果滚动条是滚动。我完全是这个领域的初学者。是否有人能指导我如何实现这个或任何可重用的代码，例如
滚动事件带控制器，获取记录，并附加到下拉最后一项。我认为任何建议都能让我理解如何处理代码逻辑。
以下是我试图添加到下拉列表中的内容
<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
</select>回答 2
Stack Overflow用户
回答已采纳
发布于 2014-01-25 10:55:55
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(
$('<option></option>').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);
}
});
}
}
});单击Demo http://jsfiddle.net/sethuramanP/4pmKf/3/示例，以便每当滚动结束时将静态数据添加到下拉列表中
Stack Overflow用户
发布于 2014-01-23 08:41:41
您也可以尝试这个JQuery选择，它将支持无限滚动的结果。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21302989
复制相关文章
相似问题
腾讯云开发者
