Ajax数据结果显示为jqgrid

时间:2012-07-12 18:09:12

标签: jqgrid jqgrid-php

我从AJAX调用得到这个结果我想将它传递给jqgrid。格式与普通的jqgrid调用完全相同。我不知道为什么它不起作用,非常感谢任何帮助。

  

{ “网页”:空, “总”:2 “记录”: “16”, “行”:[{ “ID”: “9910003”, “细胞”:[ “9910003”, “DEMO3” “Test3的”, “星期六,星期日”, “八时00分00秒”, “十七时00分00秒”, “17”, “0”]},{ “ID”: “9910004”, “细胞”: [ “9910004”, “DEMO4”, “TEST4”, “星期六,星期日”, “8点00分○○秒”, “十七点00分00秒”, “19”, “0”]},{ “ID”: “9910005”, “细胞”:[ “9910005”, “DEMO5”, “TEST5”, “星期六,星期日”, “八点00分00秒”, “17点〇〇分00秒”, “17”, “0” ]},{ “ID”: “9910006”, “细胞”:[ “9910006”, “DEMO6”, “TEST6”, “星期六,星期日”, “8点00分00秒”, “17点00分○○秒” , “17”, “0”]},{ “ID”: “9910007”, “细胞”:[ “9910007”, “DEMO7”, “TEST7”, “星期六,星期日”, “8时00分00秒” , “17时00分零零秒”, “14”, “0”]},{ “ID”: “9910008”, “细胞”:[ “9910008”, “DEMO8”, “Test8”, “星期六,星期日” , “二十一点00分00秒”, “六时00分00秒”, “19”, “0”]},{ “ID”: “9910009”, “细胞”:[ “9910009”, “DEMO9”,” Test9" , “星期六,星期日”, “21时00分00秒”, “6点00分零零秒”, “14”, “0”]},{ “ID”: “9910010”, “细胞”:[” 9910010" , “DEMO10”, “Test10”, “星期六,星期日”, “21时○○分00秒”, “6时○○分00秒”, “14”, “0”]},{ “ID”:“9910011 ”, “细胞”:[ “9910011”, “DEMO11”, “TEST11”, “星期六,星期日”, “21点00分○○秒”, “6时零零分00秒”, “14”, “0”]} { “ID”: “9910012”, “细胞”: “9910012”, “DEMO12”, “TEST12”, “周六,周日”, “21:00:00”, “06:00:00”,” 17" , “0”]},{ “ID”: “9910013” , “细胞”:[ “9910013”, “DEMO13”, “Test13”, “星期六,星期日”, “21时○○分00秒”, “6点00分00秒”, “16”, “0”]}, { “ID”: “9910014”, “细胞”:[ “9910014”, “DEMO14”, “Test14”, “星期六,星期日”, “21点○○分00秒”, “六时○○分00秒”,“14 “ ”0“]},{ ”ID“: ”9910015“, ”细胞“:[ ”9910015“, ”DEMO15“, ”Test15“, ”星期六,星期日“, ”21点00分○○秒“,” 06 :00:00" , “14”, “0”]},{ “ID”: “9910016”, “细胞”:[ “9910016”, “DEMO16”, “TEST16”, “星期六,星期日”,“21 :00:00" , “6时○○分00秒”, “14”, “0”]}]}

以下是我的完整代码:

function report_grid() {
$.ajax({
    type: "POST",
    url: "filter_option.php?action=filter",
    data: $('#form1').serialize(),
    success: function(rdata) {

jQuery("#report-grid").jqGrid({
    data: rdata,
    datatype: "local",
    colNames:['Emp ID','firstName', 'surName', 'restDay','shift_In','shift_Out','late','undertime'],
    colModel:[
        {name:'emp_id',index:'emp_id', width:55},
        {name:'firstname',index:'firstname', width:90},
        {name:'surname',index:'surname', width:100},
        {name:'restday',index:'restday', width:80, align:"right"},
        {name:'shift_in',index:'shift_in', width:80, align:"right"},
        {name:'shift_out',index:'shift_out', width:80,align:"right"},
        {name:'late',index:'late', width:150, sortable:false},
        {name:'ut',index:'ut', width:150, sortable:false},
    ],
    height: 'auto',
    width: 'auto',
    rowNum:10,
    rowList:[10,15,20,30,50],
    pager: '#report-pager',
    sortname: 'emp_id',
    viewrecords: true,
    sortorder: "desc",
    caption:"Timesheet Summary"
});
jQuery("#report-grid").jqGrid('navGrid','#report-pager',{edit:false,add:false,del:false});

        }
    })
}

我试过下面但没有成功,我想我错过了什么

data:rdata.rows
datatype:"local" // shows only the id but with correct number of records

data:rdata.rows
datatype: "json" // shows nothing at all.

1 个答案:

答案 0 :(得分:0)

现在知道了,我的json格式不正确,我应该在演示页面中引用数据数组。