Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqGrid将数据从一个列表发送到另一个列表_Javascript_Html - Fatal编程技术网

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

Javascript jqGrid将数据从一个列表发送到另一个列表,javascript,html,Javascript,Html,我正在使用jqueryjqgrid。我试图做的是将数据从一个列表发送到另一个列表。数据发送成功,但问题是所有数据都显示在一个页面中,我的第一个网格包含7个页面…我应该知道什么 这是我的javascript代码 jQuery().ready(function (){ jQuery("#list1").jqGrid ({ url: 'data.json', datatype: 'json',

我正在使用jqueryjqgrid。我试图做的是将数据从一个列表发送到另一个列表。数据发送成功,但问题是所有数据都显示在一个页面中,我的第一个网格包含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>

jQuery().ready(函数(){
jQuery(“#list1”).jqGrid({
url:'data.json',
数据类型:“json”,
colNames:['File','UID','Order','Method','Type','Project','Phase'],
colModel:[
{name:'file',index:'file',宽度:140},
{name:'uid',index:'uid',宽度:80},
{名称:'order',索引:'order',宽度:60},
{name:'method',index:'method',宽度:60},
{name:'type',index:'type',宽度:75},
{name:'project',index:'project',宽度:100},
{名称:'phase',索引:'phase',宽度:75}
],
rowNum:10,
自动宽度:正确,
行列表:[10,50,100],
寻呼机:“#寻呼机”,
有一次:是的,
sortname:'文件',
viewrecords:是的,
分拣员:“asc”,
工具栏:[true,“两者”],
navGrid(#pager',{edit:false,add:false,del:false});
//$('')。附录($(“#tb#u列表1”);
$('',{title:'Click me!'}).css({float:'right',高度:“21px”,宽度:“20px”
}).appendTo(“#tb_list1”)。按钮({
图标:{
主:“ui图标齿轮”
},
文本:false
})。单击(功能(e){
//var pageSize=$('#list1')。getGridParam('rowNum');
//$('#list1').setGridParam({rowNum:10000}).trigger(“reloadGrid”);
var data=$(“#列表1”).jqGrid('getGridParam','data');
对于(var i=0;i