jqGrid将数据从一个列表发送到另一个列表

Question

我正在使用JQuery JqGrid。我想要做的是将数据从一个列表发送到另一个列表。数据发送成功，但问题是所有数据显示在一个页面中，我的第一个网格包含7页......我应该知道什么？

这是我的javascript代码。

        jQuery().ready(function (){
            jQuery("#list1").jqGrid ({
                url: 'data.json',
                datatype: 'json',
                colNames: ['File' , 'UID' , 'Order' , 'Method' , 'Type' , 'Project' , 'Phase'],
                        colModel: [
                        {name: 'file' , index: 'file' , width: 140},
                        {name: 'uid' , index: 'uid' , width: 80},
                        {name: 'order' , index: 'order' , width: 60},
                        {name: 'method' , index: 'method' , width: 60 },
                        {name: 'type' , index: 'type' , width: 75 },
                        {name: 'project' , index: 'project' , width: 100 },
                        {name: 'phase' , index: 'phase' , width: 75}
                    ],
                    rowNum: 10,
                    autowidth: true,
                    rowList: [10 , 50 , 100],
                    pager: '#pager',
                    loadonce: true,
                    sortname: 'file',
                    viewrecords: true,
                    sortOrder: "asc",
                    toolbar: [true,"both"],
                    caption: 'JqGrid Examples'}).navGrid('#pager' , {edit:false , add:false, del:false});


            //$('<div><span id="myToolbar" style="float: right;"></span></div>').appendTo($("#tb_list1"));
            $('<button>', {title: 'Click me!'}).css({float: "right", height: "21px", width: "20px"
            }).appendTo("#tb_list1").button({
                icons: {
                    primary: "ui-icon-gear"
                },
                text: false
            }).click(function (e) {

                //var pageSize = $('#list1').getGridParam('rowNum');
                //$('#list1').setGridParam({ rowNum: 10000 }).trigger("reloadGrid");
                var data= $("#list1").jqGrid('getGridParam','data');
                for(var i=0;i<data.length;i++){
                    jQuery("#list1_d").jqGrid('addRowData',i+1,data[i]);
                }

            });


            jQuery("#list1_d").jqGrid ({
                //url: 'data.json',
                //datatype: 'json',
                colNames: ['File' , 'UID' , 'Order' , 'Method' , 'Type' , 'Project' , 'Phase'],
                        colModel: [
                        {name: 'file' , index: 'file' , width: 140},
                        {name: 'uid' , index: 'uid' , width: 80},
                        {name: 'order' , index: 'order' , width: 60},
                        {name: 'method' , index: 'method' , width: 60 },
                        {name: 'type' , index: 'type' , width: 75 },
                        {name: 'project' , index: 'project' , width: 100 },
                        {name: 'phase' , index: 'phase' , width: 75}
                    ],
                    //rowNum: 10,
                    autowidth: true,
                    //rowList: [10 , 50 , 100],
                    pager: '#pager_d',
                    sortname: 'file',
                    viewrecords: true,
                    sortOrder: "asc",
                    toolbar: [true,"both"],
                    caption: 'JqGrid Examples'}).navGrid('#pager_d' , {edit:false , add:false, del:false});



        });

    </script>