jqGrid列的統計


 function GetGrid() {
        var selectedRowIndex = 0;
        var $gridTable = $('#gridTable');
        $gridTable.jqGrid({
            autowidth: true,
            height: $(window).height() - 136.5,
            url: "xxx/yyyy/zzzz",
            postData: { 參數1: 參數1, 參數1: 參數1},
            datatype: "json",
            colModel: [
                { label: '參數1', name: '參數1', index: '參數1', width: 100, align: 'left', sortable: true, hidden: true },

                { label: '名字', name: 'Name', index: 'Name', width: 250, align: 'left' },

                { label: 'pay1', name: 'pay1', index: 'pay1', width: 150, align: 'left' },

                { label: 'pay2', name: 'pay2', index: 'pay2', width: 100, align: 'left' },
                { label: 'pay3', name: 'pay3', index: 'pay3', width: 100, align: 'left' },
                {
                    label: '日期', name: 'Date', index: 'Date', width: 130, align: 'left', formatter: "date", formatoptions: { srcformat: 'Y-m-d', newformat: 'Y-m-d' }
                }

            ],
            viewrecords: true,
            rownumbers: true,
            shrinkToFit: false,
            gridview: true, 
            footerrow: true,
            rowNum: -1, 
            onSelectRow: function () {
                selectedRowIndex = $('#' + this.id).getGridParam('selrow');
            },
            gridComplete: function () {
                $('#' + this.id).setSelection(selectedRowIndex, false); 
                  var total_pay1=$gridTable.getCol('pay1',false,'sum');    
                  var total_pay2= $gridTable.getCol('pay2', false, 'sum');    
                  var total_pay3=$gridTable.getCol('pay3',false,'sum');   
                    $gridTable.footerData("set", { "Name": '合計', pay1: total_pay1, pay2: total_pay2, pay3: total_pay3});
                 
            },
            subGrid: true,
            //子表格的id;當子表格展開的時候,在主表格中會創建一個div元素用來容納子表格,subgrid_id就是這個div的id
            subGridRowExpanded: function (subgrid_id, row_id) {//子表格容器的id和需要展開子表格的行id


                bindSubGrid(subgrid_id, row_id);

            }

        });

注意:以面紅色文字,要一一對應,底部統計數量會對應的列顯示總計

    footerrow: true 開啟底部顯示


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM