我遇到了一个令人烦恼的问题:jqGrid:它不是滚动线条,而是继续将它们添加到另一条线下,并且不会停留在某个高度。我究竟做错了什么? :S
<head>
<link rel="stylesheet" type="text/css" media="screen" href="libraries/jquery/custom-theme/jquery-ui.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="libraries/jquery/jqGrid/css/ui.jqgrid.css?" />
<script type="text/javascript" src="libraries/jquery/jquery.js"></script>
<script type="text/javascript" src="libraries/jquery/jquery-ui.custom.min.js"></script>
<script src="libraries/jquery/jqGrid/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="libraries/jquery/jqGrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
jQuery("#list4").jqGrid(
{
datatype: "local",
height: 350,
colNames:['Inv No','Date'],
colModel:[
{name:'id',index:'id', width:60, sorttype:"int"},
{name:'invdate',index:'invdate', width:90, sorttype:"date"}
],
multiselect: true,
pager: '#pager5',
caption: "Manipulating Array Data" }).navGrid("#pager5",{edit:false,add:false,del:false});
var mydata = [
{id:"1",invdate:"2007-10-01"},
...
{id:"39",invdate:"2007-09-01"}
];
for(var i=0;i<=mydata.length;i++) jQuery("#list4").jqGrid('addRowData',i+1,mydata[i]);
});
</script>
</head>
<body>
<table id="list4"></table>
<div id="pager5"></div>
</body>
答案 0 :(得分:1)
您的HTML文件没有<html>
元素,DOCTYPE
之前没有<html>
且编码不清晰(应该是utf-8并使用<meta>
定义,请参阅{{3 }} 举个例子)。你还应该删除'?'在“ui.jqgrid.css”之后,在循环中将<=
更改为<
。
在http://www.trirand.com/jqgridwiki/doku.php?id=wiki:first_grid上,你可以看到一个有点修改形式的同一个文件。