JQGrid Header“加倍”

Question

我的第一个 jqGrid 实现有问题。 网格正在渲染和加载数据。 分页正在工作。 但是，网格 header 显示了两次。 曾经作为固定的 header。 并且也作为滚动区域的第一行。 I am using MySql 5.5.11 as the data source, PHP 5.3.6, jQuery 1.6.1., and 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 响应应该有页面、总计、记录（计数），然后只有没有 header 的数据。 将脚本放在寻呼机 div 中很奇怪，我会将其移出和移出。 还应该将此行添加到 javascript： jQuery("#datatable").jqGrid('navGrid','#datapager',{edit:false,add:false,del:false});

此外，我不使用 PHP/MySQL（我使用 asp.net），但看起来您正在对页面值进行硬编码？

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