JQGrid Заголовок "удвоение"

Question

У меня проблема с моей первой реализацией jqGrid. Сетка рендеринга и загрузки данных. Пейджинг работает. Однако заголовок сетки отображается дважды. Один раз как фиксированный заголовок. А также в качестве первого ряда в области прокрутки. Я использую MySql 5.5.11 в качестве источника данных, PHP 5.3.6, jQuery 1.6.1. И JqGrid 4.0.0.

PHP-код, который поддерживает сетку, выглядит так:

// Processed based on the action.
switch ($lAction)
{
    case "LOAD":

    $page = $_POST['page']; // get the requested page
    $limit = $_POST['rows']; // get how many rows we want to have into the grid
    $sidx = $_POST['sidx']; // get index row - i.e. user click to sort
    $sord = $_POST['sord']; // get the direction

    $lDB = new DBConnection();

    $lTable         = "tblWebRequests";
    $lGridColumns   = "id,fname,lname,company,phone,email,reqfor";


    $lGrid = new DBDataGrid($lDB, $lTable, $lGridColumns, 1, 5);

    $response->page     = $page;
    $response->total    = $lGrid->GetTotalPages();
    $response->records  = $lGrid->GetTotalItems();
    $currentPageItems   = $lGrid->GetCurPageItems();

    for($i=0;$i<count($currentPageItems);$i++) 
    {
        $response->rows[$i]['id']=$currentPageItems[$i]['id'];
        $response->rows[$i]['cell']=array(
        $currentPageItems[$i]['id'],
        $currentPageItems[$i]['fname'],
        $currentPageItems[$i]['lname'],
        $currentPageItems[$i]['company'],
        $currentPageItems[$i]['email'],
        $currentPageItems[$i]['phone'],
        $currentPageItems[$i]['reqfor']


        );
    }    

    echo json_encode($response);            

    break;

HTML выглядит следующим образом:

<!-- Stylesheet includes. -->
<style type="text/css" media="screen">
@import url("css/main.css");    
@import url("css/start/jquery-ui-1.8.13.custom.css");       
@import url("css/ui.jqgrid.css");       
</style>

<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>;
<script type="text/javascript" src="js/grid.locale-en.js"></script>;
<script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>;

<div class="contentwide">
<div id="databuttons">
<p></p>
<!-- end databuttons  --></div>
<div id="datasection">
    <table id="datatable">

    </table>

<!-- end datasection  --></div>
<p></p><p></p>
<div id="datapager">

    <script type="text/javascript">
        $('#datatable').jqGrid({
            url:'php/DataGridMgr.php',
            datatype: 'json',
            mtype: 'POST',
            colNames:['ID','First','Last','Company','Email','Phone','Request For'],
            colModel:
            [    
                {name:'id',index:'id',width:5,editable:false,hidden:true},     
                {name:'fname',index:'fname', width:20,editable:false,sortable:false},
                {name:'lname',index:'lname', width:20,editable:false,sortable:false},
                {name:'company',index:'company', width:35,editable:false,sortable:false},
                {name:'email',index:'email', width:35,editable:false,sortable:false},
                {name:'phone',index:'phone', width:20,editable:false,sortable:false},
                {name:'reqfor',index:'reqfor', width:25,editable:false,sortable:false}
            ],
            rowNum:5,
            rowList:[],
            imgpath: 'css/start/images', //alters buttons
            pager: $('#datapager'),
            pginput: true,
            sortname: 'id',
            viewrecords: true,
            sortorder: "asc",
            //caption:"Pending Requests",
            width:945,
            height:150,  
            onSelectRow: function(id)
            {
                alert(id);
            }
            //editurl:""
        });



    </script>
<!-- end datapager --></div>

Я уверен, что упускаю что-то простое. Я искал безрезультатно для решения. Любая помощь будет оценена.

Answer 1

Ответ json должен содержать страницу, общее количество, записи (количество), а затем только данные без заголовка. Странно иметь скрипт внутри div пейджера, я бы переместил его вниз и вниз. Также следует добавить эту строку в javascript: jQuery ("# ​​datatable"). JqGrid ('navGrid', '# datapager', {edit: false, add: false, del: fal‌ se});

Также я не использую PHP / MySQL (я использую asp.net), но похоже, что вы жестко программируете значения страниц?

$ lGrid = new DBDataGrid ($ lDB, $ lTable, $ lGridColumns, 1, 5);