axisj
axisj copied to clipboard
AXJ - v1.0.20 - AXGrid 페이징 처리?
AXJ - v1.0.20 버전에서 AXGrid로 페이징 샘플을 아래와 같이 만들었으나 페이징이 정상적으로 되지 않습니다. 어디를 좀 더 확인하면 될런지요? 그럼 수고하세요.
소스 코드를 넣으니 아래와 같이 다 깨져버리네요.
`
$(function(){
var grid = new AXGrid();
grid.setConfig({
targetID : "errList",
theme : "AXGrid",
height: "auto",
colGroup: [
{key: "no", label: "번호", width: "50", align: "center", formatter: "checkbox"},
{key: "writer", label: "작성자", width: "100"},
{key: "regDate", label: "작성일", width: "100"},
{key: "price", label: "가격", width: "100", align: "right", formatter: "money"},
{key: "amount", label: "수량", width: "80", align: "right", formatter: "money"}
],
body : {
onclick: function() {
}
},
page: {
/*
display: false,
paging: false,
status: {formatter: null}
*/
paging:true,
pageNo:1,
pageSize:5
}
});
var list = [
{no: 1, title: "AXGrid 첫번째 줄 입니다.", writer: "김기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 1709401, amount: 10}, // item
{no: 2, title: "AXGrid 두번째 줄 입니다.", writer: "정기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 12300.00, amount: 7},
{no: 3, title: "AXGrid 세번째 줄 입니다.", writer: "한기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 12000, amount: 5},
{no: 4, title: "AXGrid 세번째 줄 입니다.", writer: "박기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 13000, amount: 4},
{no: 5, title: "AXGrid 세번째 줄 입니다.", writer: "곽기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 3000, amount: 3},
{no: 6, title: "AXGrid 세번째 줄 입니다.", writer: "문기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 123000, amount: 2},
{no: 7, title: "AXGrid 세번째 줄 입니다.", writer: "소기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 129500, amount: 1},
{no: 8, title: "AXGrid 첫번째 줄 입니다.", writer: "재기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 123000, amount: 10},
{no: 9, title: "AXGrid 두번째 줄 입니다.", writer: "원기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 12300, amount: 7},
{no: 10, title: "AXGrid 세번째 줄 입니다.", writer: "고기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 12000, amount: 5},
{no: 11, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 13000, amount: 4},
{no: 12, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 3000, amount: 3},
{no: 13, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 123000, amount: 2},
{no: 14, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 129500, amount: 1},
{no: 15, title: "AXGrid 두번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 12300, amount: 7},
{no: 16, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 12000, amount: 5},
{no: 17, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 13000, amount: 4},
{no: 18, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 3000, amount: 3},
{no: 19, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 123000, amount: 2},
{no: 20, title: "AXGrid 세번째 줄 입니다.", writer: "장기영", regDate: "2013-01-18", desc: "myGrid.setList 의 첫번째 사용법 list json 직접 지정 법", price: 129500, amount: 1}
];
grid.setList(list, null, "reload");
});
`
서버에서 페이징을 처리 하지 않는다면 아래를 참조 해서 개발 해 보세요. http://dev.axisj.com/samples/AXGrid/setData.html