asp.net+jquery滚动滚动条加载数据的下拉控件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了asp.net+jquery滚动滚动条加载数据的下拉控件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1885字，纯文字阅读大概需要3分钟。

内容图文

$.ajax({ 
type: options.getMethod, 
url: options.jsonUrl, 
data: params, 
success: function(data){ 
if(isScroll) 
$.CreateListItem(showbox,data,options); 
else 
$.CreateBox(showbox,data,options); 
}, 
complete:function(){ }, 
error:function(e){ 
$(options.loadBox).css('background-image','none'); 
$(options.loadBox).append('<span>data connect error!'+e+'</span>'); 
} 
 
而滚动条滚动加载数据则由下拉DIV的onscroll事件完成，具体核心代码如下： 

 代码如下:

$(showbox).scroll(function(){ 
if(options.total==$(this).children("ul").children("li").length) 
return; 
var scrolltop=$(showbox).attr('scrollTop'); 
var scrollheight=$(showbox).attr('scrollHeight'); 
var windowheight=$(showbox).attr('clientHeight'); 
var scrolloffset=20; 
$(options.loadBox).css('top',scrolltop); 
if(scrolltop>=(scrollheight-(windowheight+scrolloffset))&&!loading) 
{ 
loading=true; 
$(options.loadBox).show(); 
options.total=$(this).children("ul").children("li").length; 
$.WebComboGetData(showbox,options,true); 
} 
}); 
 
该插件的完整代码再源文件中可以找到，文件名：simulateddl.js 
其实这个滚动条滚动加载数据的jQuery插件写好了就已经可以实现该功能了，只是由于项目中用到的地方比较多又无赖的将其封装到asp.net自定义控件中。之所以说半成品就是这个自定义控件自定义的有些不人性化，高手们见了望指点指点。具体代码可以下载后查看，本人不是控件制作高手，就不搬出来献丑了。有问题建议的朋友可以提出来大家讨论讨论。 

asp.net+jQuery滚动条滚动加载数据控件源代码下载
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的asp.net+jquery滚动滚动条加载数据的下拉控件全部内容，希望文章能够帮你解决asp.net+jquery滚动滚动条加载数据的下拉控件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端