axisj icon indicating copy to clipboard operation
axisj copied to clipboard

AXJ - v1.0.20 - AXGrid 페이징 처리?

Open yasim21c opened this issue 9 years ago • 1 comments

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");

});

`

yasim21c avatar Nov 11 '16 08:11 yasim21c

서버에서 페이징을 처리 하지 않는다면 아래를 참조 해서 개발 해 보세요. http://dev.axisj.com/samples/AXGrid/setData.html

lhslive avatar Nov 11 '16 15:11 lhslive