随笔 - 110  文章 - 1  评论 - 0  阅读 - 77445

简单使用jqgrid

复制代码
var gridDataObj;
var gridDataObj_setting = {
    datatype: "local",
    mtype: "post",
    url: contextPath + "/getPageData",
    sortname: "cd",
    sortorder: "asc",
    prmNames: {
        rows: "pageSize"
    },
    colModel: [{
            name: "pid",
            key: true,
            hidden: true
        },{
            label: "名称",
            name: "cname",
            sortable: true,
            width: 80,
            formatter: function(cellvalue, options, rowObject){
                // cellvalue - 当前cell的值
                // options - 该cell的options设置,包括{rowId, colModel,pos,gid}
                // rowObject - 当前cell所在row的值,是一个对象
            },
            unformat: function(){cellvalue, options, rowObject){
                // cellvalue - 当前cell的值
                // options - 该cell的options设置,包括{rowId, colModel,pos,gid}
                // rowObject - 当前cell所在row的值,是一个对象
            },
            cellattr: function(rowId, val, rawObject, cm, rdata){
            }
        }
    ],
    serializeGridData: function (postData) {
        var data = {};
        $.extend(true, postData, data);

        return postData;
    },
    altRows: true,
    altclass: "altclass",
    autowidth: true,
    multiselect: false,
    rownumbers: true,
    viewrecords: true,
    rowNum: 15,
    rowList: [5, 15, 30, 50, 100],
    height: 240,
    shrinkToFit: false,
    emptyrecords: "请录入筛选条件后点击统计按钮",
    pager: "#gridPager",
    gridComplete: function () {
        resizePage();
    },
    toolbar: [false, "top"],
    toppager: true,
    pgbuttons: true,
    pginput: true
};

function initGrid() {
    gridDataObj = $("#gridData").jqGrid(gridDataObj_setting);
    gridDataObj.jqGrid('navGrid', '#gridPager', {
        cloneToTop: true,
        edit: false,
        add: false,
        del: false,
        view: false,
        search: false,
        refresh: true,
        refreshtext: "刷新",
        refreshtitle: "刷新"
    });

    gridDataObj.jqGrid('navButtonAdd', '#gridData_toppager', {
        caption: "下载", // 按钮上的文本,可以是空值
        buttonicon: "ui-icon-disk", // 按钮上的图标,如果设为“none”,则只显示按钮上的文本
        onClickButton: function () {
            excelExport();
        }, // 当点击按钮时所调用的方法函数,默认为null
        position: "last", // 添加新按钮的位置,first或last;默认为last
        title: "", // 新按钮的tooltip
        cursor: "", // 当鼠标滑过按钮时的光标样式,默认为pointer;
        id: "" // 为按钮设置id。

    });
    gridDataObj.jqGrid('navButtonAdd', '#gridData_toppager', {
        caption: "单位(个)",
        buttonicon: "ui-icon-info",
        position: "last"
    });
    $("#gridData_toppager_center").remove();
    $("#gridData_toppager_right").remove();
    $("#gridPager_left").empty();
}
复制代码

 

posted on   骑着母猪去打猎  阅读(157)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示