javascript - 我的第一个网格不起作用

标签 javascript jquery jqgrid

我已遵循此说明 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:first_grid 但我的网格不工作。数据只在我的第一页。导航栏不起作用,网格中有一条消息(未定义)。请帮助我,我完成了所有的说明 您可以在此处查看屏幕截图:http://reyes.hostei.com/screenshot.jpg

这是我的代码源。

...
<link href="logica/scripts/jquery.jqGrid-3.6.2/css/redmond/jquery-ui-1.7.1.custom.css"     rel="stylesheet" type="text/css" />
<link href="logica/scripts/jquery.jqGrid-3.6.2/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />

<style>
html, body {
    margin: 0;
    padding: 0;
    font-size: 75%;
}
</style>

<!-- Of course we should load the jquery library -->
<script src="logica/scripts/jquery.jqGrid-3.5.3/js/jquery.js"    type="text/javascript"></script>
<!-- Idioma de la libreria.. Antes de incluir esta -->
<script src="logica/scripts/jquery.jqGrid-3.5.3/js/i18n/grid.locale-en.js"   type="text/x-javascript"></script>
<!-- and at end the jqGrid Java Script file -->
<script src="logica/scripts/jquery.jqGrid-3.5.3/js/jquery.jqGrid.min.js"   type="text/javascript"></script>
<script src="logica/scripts/jquery.jqGrid-3.5.3/js/jqModal.js" type="text/javascript"></script>
<script src="logica/scripts/jquery.jqGrid-3.5.3/js/jqDnR.js" type="text/javascript"></script>


<script type="text/javascript">
jQuery(document).ready(function(){ 
  jQuery("#list").jqGrid({
    url:'server.php',
    datatype: 'xml',
    mtype: 'GET',
    colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'],
    colModel :[ 
      {name:'invid', index:'invid', width:55}, 
      {name:'invdate', index:'invdate', width:90}, 
      {name:'amount', index:'amount', width:80, align:'right'}, 
      {name:'tax', index:'tax', width:80, align:'right'}, 
      {name:'total', index:'total', width:80, align:'right'}, 
      {name:'note', index:'note', width:150, sortable:false} 
    ],
    pager: '#pager',
    rowNum:7,
    rowList:[10,20,30],
    sortname: 'invid',
    sortorder: 'desc',
    viewrecords: true,
    caption: 'EXAMPLE DON`T WORK'
  }); 
}); 
</script>

</head>
<body>
<table id="list"></table> 
<div id="pager"></div> 
...

我需要你的帮助!!!!!!

最佳答案

如果你的路径命名可以依赖,你似乎在为 jqGrid 3.6.2 使用 css 但 js 是为 jqGrid 3.5.3

以及在 grid.locale-en.js 行中使用 text/x-javascript 而不是 text/javascript 的任何特定原因?

关于分页不工作..,向我们展示您的服务器端分页代码..,您需要在服务器端分页数据(基于 jqGrid 传递的页码)。

关于javascript - 我的第一个网格不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2113879/

相关文章:

jquery - jqgrid 搜索网格选项

javascript - 在两个单独的页面之间创建向上滑动过渡

javascript - 我无法获取我的 li 的长度?

javascript - 多次点击显示更多按钮直到禁用 Protractor

javascript - jQuery Promise 回调

javascript - Jqgrid 单击自定义编辑按钮打开另一个页面

javascript - 如何返回递归函数中迭代生成的字符串?

jquery - 使用带有固定导航功能的scrollTop 的iPad 无法正常工作。仅第一次有效

javascript - jQuery 找不到现有元素

java - JqG​​rid 不从 JSON 加载数据