尝试按JQGrid中的列排序时,不执行AJAX调用

时间:2016-11-07 13:32:24

标签: jquery ajax sorting jqgrid

我有以下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调用。

这里缺少什么?

0 个答案:

没有答案