我已经按照这个例子创建了一个新的jqGrid。数据加载并显示正常。行数工作正常。唯一的问题是,只是在普通的网格框中显示数据(如下图)。没有图层。即使排序按钮不显示/工作。即使链接指向正确的文件夹,也没有CSS效果。jqGrid - 只显示网格形式的数据
col1 | col2 | col3
--------------------------
data1a | data1b | data1c
--------------------------
data2a | data2b | data2c
下面是HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>My First Grid</title>
<link rel="stylesheet" type="text/css" media="screen" href="../theme/css/ui.jqgrid.css" />
<style>
html, body {
margin: 0;
padding: 0;
font-size: 50%;
}
</style>
<script src="../theme/js/jquery-1.6.1.js" type="text/javascript"></script>
<script src="../theme/js/grid.locale-en.js" type="text/javascript"></script>
<script src="../theme/js/src/grid.loader.js" type="text/javascript"></script>
<script src="../theme/js/jquery.jqGrid.src.js" type="text/javascript"></script>
<script src=“../theme/js/src/jqDnR.js” type=“text/javascript”></script>
<script src=“../theme/js/src/jqModal.js” type=“text/javascript”></script>
<script type="text/javascript">
$(function(){
$("#list").jqGrid({
url:'JQ.php',
datatype: 'xml',
mtype: 'GET',
colNames:['UNIT ID','ROLE ID', 'CREATED DATE','CREATED BY','Inactive'],
colModel :[
{name:'UNIT_ID', index:'UNIT_ID', width:55},
{name:'ROLE_ID', index:'ROLE_ID', width:90},
{name:'CREATED_DT', index:'CREATED_DT', width:100},
{name:'CREATED_BY', index:'CREATED_BY', width:80},
{name:'INACTIVE', index:'INACTIVE', width:80, sortable:false}
],
pager: '#pager',
rowNum:10,
rowList:[10,20,30,50],
sortname: 'UNIT_ID',
sortorder: 'desc',
viewrecords: true,
gridview: true,
width: 500,
height: "100%",
caption: 'My first gridder'
});
});
</script>
我的第一gridder UNIT ID角色ID创建的日期创建者不活动 30100 TTT 11-JUN-02 UTECHGEÑ 30200 TTT 11-JUN-02 UTECHGEÑ 10000 TTT 11-JUN-02 UTECHGEÑ 30000 TTT 11 -JUN-02 UTECHGE N 10000 QA-ADMIN 20-MAY-11 UTECHGE N 20000 TEST-USER 20-MAY-11 UTECHGE N 20000 QA-ADMIN 20-MAY-11 UTECHGE N 20100 TEST-USER 20-MAY -11 UTECHGE N 20100 QA-ADMIN 20-MAY-11 UTECHGE N 20200测试用户20-MAY-11 UTECHGE N 第4页 – 2011-06-07 15:29:02
为什么包含相同的JavaScript代码MES?你使用了哪个'grid.loader.js'?里面是什么?为什么你插入'jqModal.js'和'jqDnR.js'?如果您使用jqGrid 4.0.0中的'jquery.jqGrid.src.js',则不需要包含'grid.loader.js','jqModal.js'和'jqDnR.js'。 – Oleg 2011-06-07 15:55:38