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