代码之家 › 专栏 › 技术社区 › botmsh

jqGrid没有正确溢出

jqgrid jquery

botmsh · 技术社区 · 16 年前

我在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>

1 回复 | 直到 16 年前

Oleg 16 年前

您的HTML文件没有 <html> 元素,不 DOCTYPE 之前 <html> <meta> ,请参见 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:first_grid 例如)。您还应该删除“ui.jqgrid.css”之后的“?”,并更改 <= 到 <

在 http://www.ok-soft-gmbh.com/jqGrid/Overflow.htm 你可以看到同样的文件在一个小修改的形式,这是可行的。