asp.net+jquery 스크롤 바 로 데 이 터 를 불 러 오 는 드 롭 다운 컨트롤

이런 수 요 는 자신 이 합 리 적 이지 않다 고 느끼 는 것 같다.데이터 가 많아 지면 이렇게 내 려 가 는 것 은 사람 이 든 기계 조작 이 든 모두 고 통 스 럽 기 때문이다.어 쩔 수 없 이 수요 가 내 려 와 서 수요 에 따라 조작 할 수 밖 에 없다.인터넷 에서 관련 컨트롤 을 많이 찾 았 는데 좀 방대 하고 자원 을 많이 차지 하 는 것 같 아 요.반나절 동안 반제품 사용자 정의 컨트롤 을 만 들 수 없습니다.꺼 내 서 공유 하 세 요.고수 가 보시 면 많이 가르쳐 주세요.필요:AJAX 스크롤 바 로 데 이 터 를 불 러 오 는 드 롭 다운 목록 컨트롤 이름:Webcombo 에서 사용 하 는 기술:ASP.NET(C\#),jQuery,ASP.NET 일반 처리 파일(.ashx)드 롭 다운 목록 을 구체 적 으로 구현 합 니 다.드 롭 다운 목록 을 DIV 로 모 의 하고 input 와 그림 으로 드 롭 다운 상 자 를 모 의 합 니 다.최종 결 과 는 다음 그림 과 같 습 니 다jQuery 쪽 의 플러그 인 작성 방법 을 먼저 분석 해 보 세 요.AJAX 는 jQuery Ajax 가 완성 되 었 습 니 다
 
$.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 스크롤 바 스크롤 로드 데이터 컨트롤 소스 코드 다운로드

좋은 웹페이지 즐겨찾기