增加jqgrid促发时的条数显示

最新推荐文章于 2019-12-17 17:21:31 发布

原创最新推荐文章于 2019-12-17 17:21:31 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #jquery #json #null #url

c# 同时被 2 个专栏收录

222 篇文章

订阅专栏

javascript

112 篇文章

订阅专栏

本文介绍如何利用 jQuery Grid 插件实现一个具备分页、排序等功能的数据表格。该表格能够通过 POST 方式从服务器获取 JSON 数据，并展示包括网吧名称、省份等在内的多个字段信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mygrid3 = $("#list3").jqGrid({
            width: 800,
            height: 450,
            url: 'NetBarQuery/',
            datatype: 'json',
            mtype: 'POST',
            pager: jQuery('#pager3'),
            rowNum: 20,
            rowList: [20, 40, 60, 80],
            sortname: 'Id',
            sortorder: "desc",
            viewrecords: true,
            imgpath: '/scripts/themes/steel/images',
            caption: '查询条件：',
            recordtext: '条记录',

            loadtext: 'loading....',
            colNames: ['序号', '网吧名称', '省份', '办事处', '区/县', '绑定人', '绑定人账号', '绑定日期', '类型'],

            colModel: [{ name: 'netbarid', index: 'NETBARID', width: 160, align: 'center' },
                                        { name: 'barname', index: 'BARNAME', width: 160, align: 'center' },
                                        { name: 'province', index: 'PROVINCE', width: 160, align: 'center' },
                                        { name: 'city', index: 'CITY', width: 160, align: 'center' },
                                        { name: 'county', index: 'COUNTY', width: 160, align: 'center' },
                                        { name: 'bindname', index: 'BINDNAME', width: 160, align: 'center' },
                                        { name: 'bindaccount', index: 'BINDACCOUNT', width: 160, align: 'center' },
                                        { name: 'handletime', index: 'HANDLETIME', width: 160, align: 'center' },
                                        { name: 'atype', index: 'ATYPE', width: 160, align: 'center'}],
            loadComplete: function() {
                                            var sumrecords = $("#list3").getGridParam("records");

                                            if (sumrecords != null) {
                                                $('#totalsum').text(sumrecords);
                                            }
                                            else {
                                                $('#totalsum').text(0);
                                            }
                                        },
            onSelectRow: function(rowid) {
                DisplayDetails3(rowid);
            }
        });