관리 메뉴

ふたりで

ax5Grid의 footSum을 별도 호출 값으로 표현하는 방법. 본문

Other

ax5Grid의 footSum을 별도 호출 값으로 표현하는 방법.

graykang 2022. 10. 26. 16:23
728x90
반응형
SMALL

ax5Grid의 footSum을 별도 호출 값으로 표현하는 방법.

 . paging에 상관없이 항상 grid 하단에 합계(Summury)를 보여준다.

ajax 호출 후 setData 이전에 ax5.ui.grid.setConfig({footSum: []});을 설정 한다.

 

- 예제)

var firstGridSalse = new ax5.ui.grid();
var staticsColumns = [{key:A , label: 일자},{key: B,label:금액}];
var gridView = {
    initView: function(){
        firstGridSalse.setConfig({
            target: $('[data-ax5grid="first-grid"]'),
            header: {},
            body: {},
            page: {},
            columns:[]
        })
    },
    setData: function (pageCnt, data) {



    },
	eventGridSearch: function(){//Ajax 호출
        $.ajax({
            method: "POST",
            url: ctx+"/sales/ajaxSalesStaticsSearch.do",
            data: param,
            success: function (data) {
                /*ajax 호출후 합계 footSum 설정 **항상setData 이전에 불려야 한다.**.*/
                firstGridSalse.setConfig({footSum: [
                 [
                   {label: "합계", colspan: 1, align: "center"},
                   {
                        key: "salesAmount", collector: function () {
                        var value = data.TotalAmount;
                        return value;
                        },align: "right"
                   }
                 ]
                ]});

        gridView.setData(pageCnt, data.list);//setData호출

	}

};
728x90
반응형
LIST
Comments