Кнопка поиска Jqgrid и navgrid

Question

У меня есть таблица (сгенерированная с помощью данных JSON POST), созданная с помощью jqGrid. Навигация работает очень хорошо. Я установил опцию для отображения кнопки поиска.

Когда я нажимаю на отображаемые параметры ... но исследование не проводится ...

Проводится ли исследование с использованием Javascript в элементах массива или в нем указывается URL для поиска в Ajax?

вот мой код.

<div id="liste">
<div id="messagebox"></div>
<div id="filter"></div>
<table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pager" class="scroll" style="text-align:center;"></div>
</div>

<script type="text/javascript">     
$(document).ready(function(){

   $("#list").jqGrid({
        url:'/admin/statistique/getjson/',
        datatype: 'json',
        mtype: 'POST',
        colNames:['','Nom','Visites Totales', 'Visites Uniques','Contact'],
        colModel:[
            {name:'edition',index:'edition', sortable:false,editable: false,width:15, align:"center"},
            {name:'etablissement_nomAMarrakech',index:'etablissement_nomAMarrakech', sortable:true, editable: false,width:150, align:"center"},
            {name:'',index:'', sortable:false, editable: false,width:200, align:"center"},
            {name:'',index:'', sortable:false, editable: false,width:200, align:"center"},
            {name:'',index:'', sortable:false, editable: false,width:240, align:"center"}
        ],
        pager: '#pager',
        rowNum:10,
        rowList:[10,25,50,100,300],
        sortname: 'etablissement_nomAMarrakech',
        viewrecords: true,
        autowidth: true,
        rownumbers: false,
        gridview : true,
        sortorder: "desc",
        caption:"Aperçu des statistiques"
    });

    jQuery("#list").jqGrid('navGrid','#pager',{edit:false,add:false,del:false,search:false,refresh:false});         
});

</script>

Вот экран

Как видите, когда я отправляю форму, JQGrid пишет "Загрузка ...", но ни одна строка не проверяется ...

С уважением,

Answer 1

Вы используете

name:'',index:''

в определении трех столбцов сетки.Это неверно.Вы можете сравнить это с кодом, где вы пытаетесь объявить класс с тремя свойствами с именем ''.

Свойство name является обязательным.Он должен быть уникальным, не может совпадать с одним из зарезервированных имен ('rn', 'cb' и 'subgrid') и не должен содержать мета-символов, используемых в селекторах jQuery, таких как '.', '' И т. Д.(см. здесь ).

Более того, если вы используете datatype: 'json' без loadonce: true, сервер будет отвечать за фильтрацию данных.По запросу поиска на сервер будет отправлен новый запрос с дополнительными параметрами, такими как &searchField=edition&searchString=Spa&searchOper=cn.Сервер должен вернуть обратно в jqGrid отфильтрованные данные.