Jquery 未在JQgrid上填充阵列数据
我对jquery非常陌生,我正在尝试执行一些与jqgrid相关的程序 这是我的密码Jquery 未在JQgrid上填充阵列数据,jquery,arrays,jqgrid,Jquery,Arrays,Jqgrid,我对jquery非常陌生,我正在尝试执行一些与jqgrid相关的程序 这是我的密码 <head> <link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/redmond/jquery-ui-1.8.1.custom.css" /> <link rel="stylesheet" type="text/css" m
<head>
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/redmond/jquery-ui-1.8.1.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://trirand.com/blog/jqgrid/themes/ui.multiselect.css" />
<script src="http://trirand.com/blog/jqgrid/js/jquery.layout.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
</script>
<script src="http://trirand.com/blog/jqgrid/js/ui.multiselect.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.tablednd.js" type="text/javascript"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.contextmenu.js" type="text/javascript"></script>
</head>
<table id="grid"></table>
但当我以这种方式尝试使用动态数组时,我只得到网格上的最后一条记录
var-fd=[];
var sd=新数组()
for(变量i=0;i<10;i++){
推送(48803,“DSK1”,“02200220”,“打开”);
}
var-ld=[sd];
警报(ld);
var数据=ld;
我在这里犯了什么错误,有人能帮我吗?这是一个非常糟糕的例子,你用的是。它肯定不是您想要显示的内容。甚至HTML也不好。一个人应该在
的内部有
,而不是直接在
之后。您需要使用哪个版本的jqGrid?要显示的真实数据的外观如何?哪些列应该有基于数据的网格?嗨,这是我正在尝试执行的fiddle,它可以很好地处理上面的虚拟数据广告,但唯一的问题是动态数据的框架。我以前见过这样的代码示例。这是你能找到的jqGrid使用最差、最慢的例子。我不建议使用它。与其创建空网格并使用addRowData
填充它,不如使用data:mydata、gridview:true
创建具有正确数据的网格。数据项应具有唯一的id
属性。我问了你很多问题。请回答这里。
var fd= [];
var sd = new Array();
for (var i = 0; i < 10; i++) {
sd.push(48803, "DSK1", "", "02200220", "OPEN");
}
var ld=[sd];
alert(ld);
var data = ld;
jQuery("#grid").jqGrid({
datatype: "local",
height: 250,
colNames: ['Inv No', 'Thingy', 'Blank', 'Number', 'Status'],
colModel: [{
name: 'id',
index: 'id',
width: 60,
sorttype: "int"},
{
name: 'thingy',
index: 'thingy',
width: 90,
sorttype: "date"},
{
name: 'blank',
index: 'blank',
width: 30},
{
name: 'number',
index: 'number',
width: 80,
sorttype: "float"},
{
name: 'status',
index: 'status',
width: 80,
sorttype: "float"}
],
multiselect: true,
caption: "Stack Overflow Example"
});
var names = ["id", "thingy", "blank", "number", "status"];
var mydata = [];
for (var i = 0; i < data.length; i++) {
mydata[i] = {};
for (var j = 0; j < data[i].length; j++) {
mydata[i][names[j]] = data[i][j];
}
}
for (var i = 0; i <= mydata.length; i++) {
jQuery("#grid").jqGrid('addRowData', i + 1, mydata[i]);
}
var data = [[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"],[48803, "DSK1", "", "02200220", "OPEN"]];
for (var i = 0; i < 10; i++) {
sd.push(48803, "DSK1", "", "02200220", "OPEN");
}
var ld=[sd];
alert(ld);
var data = ld;