我有以下jqgrid:
$('#tabla-disponibles-zonas').jqGrid({
url: '@Url.Action("DisponibleZonas")?' + getReportParameters(),
datatype: 'json',
colNames: ['ID', 'Type', 'Zona', 'Tienda', 'Inventariado ($)', 'Abiertos ($)', 'Abiertos (un.)', 'Abiertos (%)', 'No encontrados ($)', 'No encontrados (un.)', 'No encontrados (%)'],
colModel: [
{ name: 'ID', hidden: true },
{ name: 'Type', hidden: true },
{ name: 'Zona', width: 140, align: 'left', sortable: false, hidden: true },
{ name: 'Tienda', index: 'Tienda', width: 150, align: 'left', sortable: true },
{ name: 'StockInventariadoPesos', index: 'StockInventariadoPesos', width: 120, align: 'right', sortable: true, formatter: 'currency', formatoptions: { decimalSeparator: ",", thousandsSeparator: ".", decimalPlaces: 0, prefix: "$ " } },
{ name: 'StockAbiertoPesos', index: 'StockAbiertoPesos', width: 120, align: 'right', sortable: true, formatter: 'currency', formatoptions: { decimalSeparator: ",", thousandsSeparator: ".", decimalPlaces: 0, prefix: "$ " } },
{ name: 'StockAbiertoUnidades', index: 'StockAbiertoUnidades', width: 120, align: 'right', sortable: true, formatter: 'integer', formatoptions: { thousandsSeparator: "." } },
{ name: 'PorcentajeAbiertos', index: 'PorcentajeAbiertos', width: 120, align: 'right', sortable: true, formatter: 'currency', formatoptions: { decimalSeparator: ",", thousandsSeparator: ".", decimalPlaces: 2, suffix: " %" } },
{ name: 'NoEncontradosPesos', index: 'NoEncontradosPesos', width: 120, align: 'right', sortable: true, formatter: 'currency', formatoptions: { decimalSeparator: ",", thousandsSeparator: ".", decimalPlaces: 0, prefix: "$ " } },
{ name: 'NoEncontradosUnidades', index: 'NoEncontradosUnidades', width: 120, align: 'right', sortable: true, formatter: 'integer', formatoptions: { thousandsSeparator: "." } },
{ name: 'PorcentajeNoEncontrados', index: 'PorcentajeNoEncontrados', width: 120, align: 'right', sortable: true, formatter: 'currency', formatoptions: { decimalSeparator: ",", thousandsSeparator: ".", decimalPlaces: 2, suffix: " %" } }
],
pager: "#pager-disponibles-zonas",
pgbuttons: false,
pginput: false,
recordtext: "{2} registros",
viewrecords: true,
gridview: true,
autoencode: true,
multiselect: false,
shrinkToFit: false,
height: '100%',
autowidth: true,
rownumber: false,
rowNum: -1,
footerrow: true,
userDataOnFooter: true,
treeGrid: true,
ExpandColumn: 'Tienda',
grouping: false,
groupingView: {
groupField: ['Zona'],
groupColumnShow: [false],
groupText: ['<b>{0} - {1} Tienda(s)</b>'],
groupCollapse: true
},
loadComplete: function (data) {
$('#progreso').fadeOut('slow');
},
onSelectRow: function (rowid, status, e) {
if (status) {
var row = $(this).getRowData(rowid)
refreshGraph(row.Type, row.ID);
}
}
});
这样可行,但是当我单击一个可排序列时,排序图标会相应更改(从asc切换到desc,desc切换到asc),但是,为了对数据进行实际排序,不会进行Ajax调用。
这里缺少什么?