• jqgrid加载本地数据功能


    加载本地数据,请求的数据类型是:local

    $grid.jqGrid({
            datatype: "local",
            height:500,
            auto true,
            colModel: XXXXX,
            viewrecords: true,
            rowNum: 20,
            rowList: [20],
            pager: "#gridPager",
            rownumbers: true,
            shrinkToFit: false,
            footerrow: isfooterrow,
            gridComplete: function () {   //表格加载完成后执行
    
            },
            onPaging: function (pageBtn) {    //点击翻页按钮执行
       
            },
            onSelectRow: function (rowid) {    //选中行执行
    
            }
        });

    通过请求获取到details,即后台返回的需要展示的数据,存到变量里面,进行下面方法处理,直接就将数据插入到表格里面了,速度快。

    function loadWeightDetails(details) {
        debugger;
        if (details == null || details == "") return;
        var rows = details;
        var len = rows.length;
        BDList = [];
        $("#gridTable_PCD00003").jqGrid("clearGridData");
        if (rows != null && rows != "") {
            //...............................
            ////缓存数据赋值
            var localData = { page: 1, total: Math.ceil(parseInt(len) / 20), records: len, rows: rows };
            var reader = {
                root: function (obj) {
                    return localData.rows;
                },
                page: function (obj) {
                    return localData.page;
                },
                total: function (obj) {
                    return localData.total;
                },
                records: function (obj) {
                    return localData.records;
                }, repeatitems: false
            };

         //通过setGridParam进行重载表格 $(
    "#gridTable_PCD00003").setGridParam({ data: localData.rows, reader: reader }).trigger('reloadGrid'); } }
  • 相关阅读:
    js 练习,点击计算三个数的最大值,省级联动
    CSS 笔记
    CSS练习
    Html 学习笔记
    MySQL 执行计划详解
    别人家的元数据系统是怎么设计的
    深入浅出Dubbo RPC
    算法的时间复杂度和空间复杂度详解
    序列化 & 反序列化
    MySQL的四种隔离级别
  • 原文地址:https://www.cnblogs.com/pheosia/p/10172755.html
Copyright © 2020-2023  润新知