如何在jqgrid中显示记录总数

如何在jqgrid中显示记录总数,jqgrid,jqgrid-asp.net,Jqgrid,Jqgrid Asp.net,我试图在jqgrid中显示总记录。 这是我用来显示的代码。grid正在显示,但我没有得到总数 我得到错误:页脚行的属性无效 谁能告诉我什么是错误吗 $("#JqGrid").jqxGrid( { pagesize: 5, source: dataAdapter, width: 700, sortable: true,

我试图在jqgrid中显示总记录。 这是我用来显示的代码。grid正在显示,但我没有得到总数

我得到错误:页脚行的属性无效 谁能告诉我什么是错误吗

$("#JqGrid").jqxGrid(
              {
                  pagesize: 5,
                  source: dataAdapter,
                  width: 700,
                  sortable: true,
                  pageable: true,
                  autoheight: true,
                  columnsresize: true,
                  filterable: true,
                  showfilterrow: true,
                  showtoolbar: true,
                  footerrow: true,
                  userDataOnFooter:true,
                  rendertoolbar: function (toolbar) {
                      var container = $("<div style='overflow: hidden; position: relative; margin: 3px;'></div>");
                      var exportButton = $("<div style='float: right; margin-right: 5px;'>    <img style='position: relative; margin-top: 2px; width: 16px; height: 16px;' src='images/excel.png' /><span style='margin-left: 4px; position: relative; top: -3px;'>Export to Excel</span></div>");
                      container.append(exportButton);
                      toolbar.append(container);
                      exportButton.jqxButton({ width: 150, height: 20 });
                      exportButton.click(function (event) {
                          $("#JqGrid").jqxGrid('exportdata', 'xls', 'Report');
                      });
                  },
                  selectionmode: 'checkbox',
                  //rendertoolbar: function (toolbar) {
                  //    var container = $("<div style='overflow: hidden; position:relative;margin:3px;'></div>");

                  //    var exportButton = $("<div style='float:right;margin-right:20px;'><img style='position:relative;margin-top:2px;width:16px;height:16px' src='./images/excel.png'/><span style='margin-left:4px;position:relative;top:2px'>Export to Excel</span></div>");
                  //    exportButton.jqxButton({ width: '130' });
                  //    container.append(exportButton);
                  //    toolbar.append(container);
                  //}
                  columns: [
                             { text: 'VillageName', datafield: 'VillageName', width: 'auto' },
                             { text: 'Samples Collected', datafield: 'VillageSamples', width: 'auto' }

                  ],
                  gridComplete: function () {
                      calculateTotal();
                  },

              });
            var themeSetting = { theme: "darkblue" };
            $("#JqGrid").jqxGrid(themeSetting);
            var calculateTotal = function () {
                var gridData = $("#JqGrid").jqGrid('getGridParam', 'data'),
                    i = 0, totalAmount = 0, totalTax = 0;
                for (; i < gridData.length; i++) {
                    var rowData = gridData[i];
                    totalAmount += Number(rowData.VillageSamples);

                }
                $("#JqGrid").jqGrid('footerData', 'set', { name: 'TOTAL', VillageSamples: totalAmount });
            }
$(“#JqGrid”).jqxGrid(
{
页面大小:5,
来源:dataAdapter,
宽度:700,
可排序:是的,
pageable:对,
自动高度:正确,
列大小:对,
可过滤:正确,
是的,
是的,
是的,
userDataOnFooter:true,
rendertoolbar:函数(工具栏){
变量容器=$(“”);
var exportButton=$(“导出到Excel”);
container.append(exportButton);
附加(容器);
jqxButton({宽度:150,高度:20});
exportButton.单击(函数(事件){
$(“#JqGrid”).jqxGrid('exportdata','xls','Report');
});
},
selectionmode:'复选框',
//rendertoolbar:函数(工具栏){
//变量容器=$(“”);
//var exportButton=$(“导出到Excel”);
//jqxButton({width:'130'});
//container.append(exportButton);
//附加(容器);
//}
栏目:[
{文本:'VillageName',数据字段:'VillageName',宽度:'auto'},
{文本:“采集的样本”,数据字段:“VillageSamples”,宽度:“auto”}
],
gridComplete:函数(){
计算总数();
},
});
var themeset={theme:“暗蓝色”};
$(“#JqGrid”).jqxGrid(主题集);
var calculateTotal=函数(){
var gridData=$(“#JqGrid”).JqGrid('getGridParam','data'),
i=0,总金额=0,总税金=0;
对于(;i
您创建了
jqxGrid
而不是
jqGrid
,但后来尝试使用
jqGrid
。你应该决定你使用的是jqxGrid还是jqGrid。我必须使用jqxGrid,然后我帮不了你。您应该删除错误的调用
$(“#JqGrid”).JqGrid('getGridParam','data')
$(“#JqGrid”).JqGrid('footerData'、'set'、…
和其他调用
jqGrid
。你应该将你的问题从
jqGrid
jqGrid asp.net
改为
jqxgrid
。只有在这之后,你才有机会让与
jqxgrid
合作的人阅读你的问题。