프로그래밍/jQuery

jquery grid plugin w2ui

p-a-r-k 2016. 10. 26. 11:22
반응형

jquery 그리드 w2ui grid with ASP

http://w2ui.com/web/





$(document).ready(function(){

	$('#grid').w2grid({
		name: 'grid',
		header: '헤더텍스트',
		show: {
		  toolbar: false,
		  footer: true
		},
		columns: [
			{ field: 'f01', caption: '코드', size: '6%', sortable: true },
			{ field: 'f02', caption: '상품명', size: '15%', sortable: true },
			{ field: 'f03', caption: '규격', size: '8%' },
			{ field: 'f04', caption: '제조사', size: '8%' },
			{ field: 'f05', caption: '유형', size: '7%' }
		],
		multiSort : true,
		records: [
		<% 
			For i = 0 To nTotalRow 
		%>
			<% If i > 0 Then %>,<% End If %>
			{ 
				recid: "<%=List(0,i)%>", 
				f01: "<%=List(1,i)%>",
				f02: "<%=List(2,i)%>",
				f03: "<%=List(3,i)%>",
				f04: "<%=List(4,i)%>",
				f05: "<%=List(5,i)%>"
			}
		<% Next %>
		],
		onClick: function(event) {
			alert(event.recid);
		},
		onRender: function(event) {
			event.onComplete = function () {
				<% if sGetRetNo <> "" then %>
				//스크롤 이동시키기
				this.scrollIntoView(this.get(<%= sGetRetNo %>, true));
				<% end if %>
			}
		}
	});
	
});


반응형

'프로그래밍 > jQuery' 카테고리의 다른 글

jquery set header for ajax json  (0) 2016.12.23
jquery header fixed layout  (0) 2016.11.08
jquery slider plugin flexslider  (0) 2016.08.26
jquery 개인정보 유효성 체크  (0) 2016.08.11
jquery 레이어팝업 애니메이션처리  (0) 2016.08.09