반응형
jquery 그리드 w2ui grid with ASP
$(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 |