基于jquery的动态Colmodel_Jquery_Jqgrid

基于jquery的动态Colmodel

jquery jqgrid

基于jquery的动态Colmodel,jquery,jqgrid,Jquery,Jqgrid,我需要找到一个类似的解决方案 <script type="text/javascript" src="JScript/core.js"></script> <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script> <script type="text/javascript" src="JScript/jquery-ui-1.8.13.

我需要找到一个类似的解决方案

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

问题是：我想从JSON数据中获取列名/模型

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

链接上提供的解决方案可以工作，但一旦获得数据，它就成为jqgrid的“本地”，然后服务器的东西就不工作了

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

从链接：

        $("#dataGrid").jqGrid({
            datatype: 'local',

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

从文档中：

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

…检索数据后，datatype选项将自动设置为local-即，当前分页将不起作用

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

我需要找到一种方法从JSON调用中获取数据和网格列，并且仍然能够分页，等等

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

理想情况下，通过AJAX获取JSON数据的唯一调用就足以获取数据和模型定义。但如果我需要打两个电话，我可以接受

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

有什么想法吗

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

谢谢， JMG

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

添加我的测试：

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

HTML：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

对于TableData_jqgrid.php，它是：

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

lg_send_error_mail('Table_Data', serialize($_REQUEST));

exit;

我得到：

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

a:7:{s:7:"_search";s:5:"false";s:2:"nd";s:13:"1309886279033";s:4:"rows";s:1:"5";s:4:"page";s:1:"1";s:4:"sidx";s:0:"";s:4:"sord";s:3:"asc";s:9:"PHPSESSID";s:26:"fj88f7aebqtdu0lsam0iagdbk1";}

我看到的一个选项是使用数据变量和colmodel的不同请求变量调用同一个服务器脚本两次。比如TableData_jqgrid.php？type=colmodel或者类似的东西

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

但数据似乎是在jqgrid本身内部调用上调用AJAX之前创建的

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

这一切有意义吗

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

我错过了什么

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

谢谢,，吉咪

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

7月6日更新：

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

这是我能得到的最好的：

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid4.php?t=COLMODEL",
               dataType: "json",
               success: function(result)
               {
                    colM = result.colModel;
                    jQuery("#list2").jqGrid({
                        url: 'TableData_jqgrid4.php?t=DATA',
                        datatype: 'json',
                        mtype: 'POST',
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        //loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

第一个AJAX调用获取表模型，然后jqgrid调用获取数据以填充表。由于第二个调用具有分页参数，所有这些都意味着服务器数据工作正常

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

我真的不喜欢这个解决方案必须调用两次服务器脚本，一次用于列定义，另一次用于数据。这既不优雅也不实用

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

我希望在同一个AJAX响应上获得定义和数据

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

你们有谁知道怎么做吗

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

我认为这种解决方案不适合我们的发展

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>

谢谢,，

JM.

您没有发布当前发布的代码。一般来说，这一切都是可能的，但确切的解决方案将取决于实现的细节。我认为，如果您使用和事件处理程序，您将能够实现所需的功能。

谢谢。用我做的测试编辑了我的问题。谢谢。用我做的测试编辑了我的问题。

    <script type="text/javascript" src="JScript/core.js"></script>

    <script type="text/javascript" src="JScript/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="JScript/jquery-ui-1.8.13.custom.min.js"></script>
    <script type="text/javascript" src="JScript/jquery-cookie.js"></script>

    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-locale-en.js"></script>
    <script type="text/javascript" src="JScript/jquery-jqgrid-4.1.1-min.js"></script>

    <script type="text/javascript">
    $(document).ready(function () {
        $.ajax({
               type: "POST",
               url: "TableData_jqgrid3.php",
               data: "",
               dataType: "json",
               success: function(result)
               {
                    colD = result.gridModel;
                    colN = result.colNames;
                    colM = result.colModel;

                    jQuery("#list2").jqGrid({
                        jsonReader : {
                            repeatitems: false,
                            root:"dataset",
                            cell: "",
                            id: "0"
                        },
                        url: 'TableData_jqgrid.php',
                        datatype: 'json',
                        mtype: 'POST',
                        datastr : colD,
                        colNames: colN,
                        colModel: colM,
                        pager: jQuery('#pager2'),
                        rowNum: 5,
                        rowList: [5, 10, 20, 50],
                        viewrecords: true,
                        loadComplete: function(data){alert('loaded');},
                        loadError: function(xhr,status,error){alert('error');}
                    })
               },
               error: function(x, e)
               {
                    alert(x.readyState + " "+ x.status +" "+ e.msg);   
               }
            });
            setTimeout(function() {$("#refData").jqGrid('setGridParam',{datatype:'json'}); },500);
    });
    </script>

    <title>JQuery Test</title>
</head>
<body>
    <table id="list2"></table> <div id="pager2"></div>
</body>