sbgrid

전체메뉴보기
적용예시

Lazy Loading

대용량의 데이터를 한 번에 조회하는 방식이 아닌 lazy loading 방식으로 데이터를 수신하는 예제입니다.
예시

총 데이터 건 : 100
							$(document).ready(function() {
								var SBGridProperties = {};                
								SBGridProperties.parentid = 'SBGridArea';          
								SBGridProperties.id = 'datagrid';           
								SBGridProperties.jsonref = 'gridData';
								SBGridProperties.scrollbubbling = false;
								SBGridProperties.rowheader = 'seq';
						            
								SBGridProperties.columns = [
									{caption : ['우편번호'],		ref : 'zip_cd',				width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['시도명'],		ref : 'sido',				width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['시도영문명'],		ref : 'sido_eng',			width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['시군구명'],		ref : 'sigungu',			width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['시군구영문명'],	ref : 'sigungu_eng',		width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['도로명'],		ref : 'road_nm',			width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['도로영문명'],		ref : 'road_nm_eng',		width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['시군구용건물명'],	ref : 'sigungu_build_nm',	width : '10%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['법정동명'],		ref : 'bub_dong',			width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['행정동명'],		ref : 'hang_dong',			width : '9%',	  style : 'text-align:center',	type : 'output'},
									{caption : ['지번'],			ref : 'zibun',				width : '9%',	  style : 'text-align:center',	type : 'output'}
								];			
								
								datagrid = _SBGrid.create(SBGridProperties);
								
								datagrid.bind("scrollmax", function(e) {fn_maxScroll();});  // 스크롤이 최하단으로 이동했을 경우 서버에서 다음 데이타를 요청

							});
							
							function fn_maxScroll() {
								fnPaging();
							}