<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP eg starting page</title>
<link rel="stylesheet" type="text/css" href="jqGrid/themes/basic/grid.css">
<link rel="stylesheet" type="text/css" href="jqGrid/themes/jqModal.css">
<script type="text/javascript" src="jqGrid/jquery.js"></script>
<script type="text/javascript" src="jqGrid/js/jquery.jqGrid.js"></script>
<script type="text/javascript" src="jqGrid/js/jqModal.js"></script>
<script type="text/javascript" src="jqGrid/js/jqDnR.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#grid').jqGrid({
url:'getJson.htm',
datatype:'json',
mtype:'POST',
colNames:['id','name','age'],
colModel :[
{name:'id',index:'id', width:60},
{name:'name',index:'name', width:60},
{name:'age',index:'age', width:60}
],
jsonReader:{
root: "rows",
page: "page",
total: "total",
records: "records",
cell: "cell"
},
pager: 'nav',
rowNum:10,
rowList:[10,20,30],
sortname:'id',
sortorder:"desc",
viewrecords:true,
imgpath:'jqGrid/themes/basic/images',
caption:'用户管理',
multiselect:true,
loadonce:true
});
//定义按键
$('#grid').navGrid('#nav',{refresh: true,edit: true, add: true,del: true,search: true});
});
</script>
</head>
<body>
This is my JSP page. <br>
<table id="grid" class="scroll"></table>
<div id="nav" class="scroll"></div>
</body>
</html>
注:
老是报jqGrid 无效的属性 是怎么回事?
脚本文件都测试过,引入没有问题。
分享到:
相关推荐
jqgrid 的帮助文档 jqGrid属性
jqGrid超详细属性说明(追加整理) 整合了多个版本的属性说明和一些关键的示例,使此api更全面
jqGrid【表格】表格属性大全 Table表格对象 Table对象:表示HTML文档中的表,对于文档中每个标记,浏览器都创建一个Table对象.
jqGrid属性中文详细说明
最近一直在研究jqGrid控件,整理出全部的属性和方法,希望对大家有用!
jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载下来是没法用的,因为里面有些东西是错的,当然我这个demo40还是还有是些不足,比喻说数据库中少表导致...
jqGrid 学习 方法 37 jqGrid 学习 事件 45 jqGrid 学习 数据 48 jqGrid 学习 ColModel API 55 jqGrid 学习 参数(2) 57 jqGrid 学习 jqGrid 参数 63 jqGrid 学习 第一个实例 63 使用 jqGrid 修改数据并检查 69">...
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.
Jqgrid 中文文档 Jqgrid 属性参数详细解释 Jqgrid 属性大全
jqgrid
jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料。 jqGrid中文文档.doc------附加放在这里的其它资料。 jqGrid的使用.doc------附加放在这里的其它资料。
jqGrid用法、属性、方法汇总,和大家共享
这是属性的配置文档,主要描述了最外层属性的配置!
jqgrid中文文档API,使用JQGRID
jqgrid jqgrid 增删查改 添加toolbar 不保存到数据库 artdialog 弹出框
JqGrid插件+JqGridDemo+JqGrid主题,自己项目里引入的文件
jqgrid 采用冻结栏之后往往会出现冻结的栏的高度和非冻结栏高度的不一致,滚动滚动条的时候出现冻结栏的div小好几个px 的问题
jquery.jqGrid-4.4.5,最新版的jqgrid,支持jquery ui皮肤
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法,使用jqgrid的朋友可以参考下。