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