1

ソート可能なオプションをtrueに設定してJQgridを使用し、ツールバーをフィルタリングします。問題は、列の順序を変更すると、フィルターツールバーが元の位置を維持することです。

例:

ID、名前の2つの列があります

場所を変えて、名前、IDを取得しました。

名前でフィルタリングすると、eパラメータはID="john"になります

jqgrid4.4.0を使用しています。

UIからマウスで列の順序を変更します。

Jqgridコード:

 grilla.jqGrid({
    datatype: function (e) {
        dataTypeGrillaEnServerConSort(grilla, actualizarDatos, e, getDatos, !primeraCarga);
    },
    rowNum: Math.max,
    colNames: ['id', 'Apellido Y Nombre', 'Mail', 'Documento', 'Edad', 'Foto'],
    colModel: [
                    { name: 'id', index: 'id', align: 'right', hidden: true },
                    { name: 'nombre', index: 'nombre', width: 60, align: 'left', sorttype: 'text' },
                    { name: 'mail', index: 'mail', width: 60, align: 'left', sorttype: 'text' },
                    { name: 'documento', index: 'documento', width: 10, align: 'left', sorttype: 'text' },
                    { name: 'edad', index: 'edad', width: 10, align: 'right', sorttype: 'number' },
                    { name: 'foto', index: 'foto', width: 30, align: 'left', sorttype: 'number', formatter: eliminarFormatter }
                ],
    sortname: 'nombre',
    sortorder: "asc",
    sortable: true,
    caption: "Personas",
    emptyrecords: "No hay ninguna persona cargada.",
    loadtext: "Cargando...",
    autowidth: false,
    height: 300,
    cellsubmit: 'clientArray',
    width: 1200,
    pager: "#pager",
    rowNum: CANTIDADDEFILASPORPAGINA,
    viewrecords: true,
    gridComplete: function () {
        //mostrar la barra de filtros
        grilla.filterToolbar();
        grilla.find("img").error(function () {
            $(this).attr('src', pathFotoNoEncontrada);
        });
    }
});
4

0 に答える 0