学写一个jqgrid demo 现在的问题是json对象都传到前台了但是再grid里面却显示不出来。html如下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
<script src="js/jqGrid/jquery.js" type="text/javascript"></script>
<script src="js/jqGrid/jquery.jqGrid.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jqModal.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jqDnR.js" type="text/javascript"></script> <script type="text/javascript">
var lastsel2=0;
$(function(){
$('#grid').jqGrid({
height:200,
url:'http://localhost:8080/jqgrid/test', //映射后台servlet
datatype: 'json',
mtype: 'POST',
colNames:['ID','用户名','密码','真实姓名'],
colModel :[
{
name:'id',
index:'id',
width:50
},
{
name:'UserName',
index:'UserName',
editable:true,
editrules:{
required:true
}
},
{
name:'PassWord',
index:'PassWord',
editable:true,
edittype:'password',
editoptions:{
size:20
},
editrules:{
edithidden:true
}
},
{
name:'LinkMan',
index:'LinkMan',
editable:true,
editrules:{
required:true
}
}
],
pager: 'nav',
rowNum:10,
rowList:[10,20,30],
sortname: 'MemberID',
sortorder: "desc",
viewrecords: true,
imgpath: 'js/jqGrid/themes/basic/images',
caption: '用户管理',
// multikey:'ctrlKey',
multiselect:true,
editurl:''
});
//定义按键
$('#grid').navGrid('#nav',{
refresh: true,
edit: true,
add: true,
del: true,
search: true
});
});
</script>
</head>
<body>
<table id="grid" class="scroll"></table>
<div id="nav" class="scroll"></div>
</body>
</html>
后台处理数据的servlet import java.io.IOException;
import java.util.HashMap;import javax.servlet.Servlet;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;import org.json.JSONArray;public class TestServlet implements Servlet { @Override
public void destroy() {
// TODO Auto-generated method stub } @Override
public ServletConfig getServletConfig() {
// TODO Auto-generated method stub
return null;
} @Override
public String getServletInfo() {
// TODO Auto-generated method stub
return null;
} @Override
public void init(ServletConfig arg0) throws ServletException {
// TODO Auto-generated method stub } @Override
public void service(ServletRequest arg0, ServletResponse arg1)
throws ServletException, IOException {
// TODO Auto-generated method stub
HashMap map = new HashMap<String,Object>();
String id = "123";
String userName="aaa";
String password = "123123";
String LinkMan = "aaa";
map.put("id", id);
map.put("UserName", userName);
map.put("PassWord",password);
map.put("LinkMan", LinkMan);
JSONArray jsonArray = new JSONArray();
jsonArray.put(map);
ServletResponse response =arg1;
response.setContentType("text/json;charset=utf-8");
response.getWriter().print(jsonArray);
}
}直接请求servlet是能得到数据的。请问我是不是还有什么地方需要写?
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" media="screen" href="themes/basic/grid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="themes/jqModal.css" />
<script src="js/jqGrid/jquery.js" type="text/javascript"></script>
<script src="js/jqGrid/jquery.jqGrid.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jqModal.js" type="text/javascript"></script>
<script src="js/jqGrid/js/jqDnR.js" type="text/javascript"></script> <script type="text/javascript">
var lastsel2=0;
$(function(){
$('#grid').jqGrid({
height:200,
url:'http://localhost:8080/jqgrid/test', //映射后台servlet
datatype: 'json',
mtype: 'POST',
colNames:['ID','用户名','密码','真实姓名'],
colModel :[
{
name:'id',
index:'id',
width:50
},
{
name:'UserName',
index:'UserName',
editable:true,
editrules:{
required:true
}
},
{
name:'PassWord',
index:'PassWord',
editable:true,
edittype:'password',
editoptions:{
size:20
},
editrules:{
edithidden:true
}
},
{
name:'LinkMan',
index:'LinkMan',
editable:true,
editrules:{
required:true
}
}
],
pager: 'nav',
rowNum:10,
rowList:[10,20,30],
sortname: 'MemberID',
sortorder: "desc",
viewrecords: true,
imgpath: 'js/jqGrid/themes/basic/images',
caption: '用户管理',
// multikey:'ctrlKey',
multiselect:true,
editurl:''
});
//定义按键
$('#grid').navGrid('#nav',{
refresh: true,
edit: true,
add: true,
del: true,
search: true
});
});
</script>
</head>
<body>
<table id="grid" class="scroll"></table>
<div id="nav" class="scroll"></div>
</body>
</html>
后台处理数据的servlet import java.io.IOException;
import java.util.HashMap;import javax.servlet.Servlet;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;import org.json.JSONArray;public class TestServlet implements Servlet { @Override
public void destroy() {
// TODO Auto-generated method stub } @Override
public ServletConfig getServletConfig() {
// TODO Auto-generated method stub
return null;
} @Override
public String getServletInfo() {
// TODO Auto-generated method stub
return null;
} @Override
public void init(ServletConfig arg0) throws ServletException {
// TODO Auto-generated method stub } @Override
public void service(ServletRequest arg0, ServletResponse arg1)
throws ServletException, IOException {
// TODO Auto-generated method stub
HashMap map = new HashMap<String,Object>();
String id = "123";
String userName="aaa";
String password = "123123";
String LinkMan = "aaa";
map.put("id", id);
map.put("UserName", userName);
map.put("PassWord",password);
map.put("LinkMan", LinkMan);
JSONArray jsonArray = new JSONArray();
jsonArray.put(map);
ServletResponse response =arg1;
response.setContentType("text/json;charset=utf-8");
response.getWriter().print(jsonArray);
}
}直接请求servlet是能得到数据的。请问我是不是还有什么地方需要写?
解决方案 »
- 导出文件
- JAVA虚拟机问题
- 100分,看看下列代码的问题,POI将EXCEL导入mysql数据库中。
- tomcat访问SQL数据库非常奇怪的问题,请老大们帮忙,焦急等待中
- JSP通过post调用Servlet,Servlet端如何得到调用它的jsp文件的名字或者其调用者的URL?
- 下拉菜单问题,就象IE地址栏效果一样
- 一个不错的书籍下载网站,不敢独享
- 嫠我!帮我看看!!!!
- 如何在两个网页之间传递多个参数?在线等待!
- 关于JSP网页如何在网上发表
- java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL
- 在jsp页面无法读取工程中新加入的图片的问题。
{ total:1, page:1, records:3,
rows:[{ id: 1, cell:[ 'joyopod', '第一级父节点 level=0', 0, null, false, false ] },{ id: 2, cell:[ '第一子节点', 'level=1', 1, 1, true, true ] },{ id: 3, cell:[ '第二子节点', 'level=1', 1, 1, true, true ] },]
}