[size=small]JSP代码[/size]
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>datagrid 测试</title>
<!-- 加载 jquery -->
<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<!-- 加载 esayUI -->
<link rel="stylesheet" type="text/css" href="../css/easyui.css">
<link rel="stylesheet" type="text/css" href="../css/icon.css">
<link rel="stylesheet" type="text/css" href="../css/demo.css">
<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../js/easyloader.js"></script>
<script type="text/javascript">
$(function(){
loadMessage();
});
function loadMessage(){
//加载数据
$('#a').datagrid({
url:'http://localhost:8080/BXpro/servlet/BranchSerDatagridDemo',
columns:[[
{field:'UID',title:'用户ID',width:100},
{field:'ID',title:'主键ID',width:100},
{field:'BNAME',title:'部门',width:100}
]]
});
}
</script>
</head>
<body>
<div style="margin-top:100px;">
<table id="a" ></table>
</div>
</body>
</html>
servlet 代码
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
//String id = request.getParameter("id");
//String bname = request.getParameter("bname");
//System.out.println(id+":"+bname);
Dao dao = new Dao();
Object o []= new Object[0];
List<Map> list = dao.doquery("select * from branch", o);
System.out.println("list------"+list);
//输出 list------[{UID=1, ID=1, BNAME=行政部}, {UID=1, ID=2, BNAME=软件产品事业部}, {UID=1, ID=3, BNAME=市场部}, {UID=1, ID=4, BNAME=销售部}, {UID=1, ID=6, BNAME=管理部}]
if(list != null){
out.print(list);
//response.encodeURL("/test/datagridDemo.jsp");
}
}
DAO代码
public List <Map> doquery(String sql,Object...o){
List list = new ArrayList();
//1、获取数据库连接
DbmysqlConn dbmysql = new DbmysqlConn();
c = dbmysql.getConn();
//2、将SQL作为preparedStatement 参数传入
try {
ps = c.prepareStatement(sql);
setprepareValue(ps,o); //给PS赋值
rs= ps.executeQuery();
//获取字段列数
rsm= rs.getMetaData();
int count = rsm.getColumnCount();
/*遍历出列数,列的值
* key :字段的名称
* value:字段的值
*/
while(rs.next()){
Map map = new HashMap();
for(int i=1;i<=count;i++){
map.put(rsm.getColumnName(i).toUpperCase(), rs.getObject(rsm.getColumnName(i)));
}
list.add(map);
}
} catch (SQLException e) {
e.printStackTrace();
}finally{
//释放资源
close(rs,ps,c);
}
return list;
}
但是没有查询出数据是怎么回事?第一次使用easyui datagrid 指定servlet路径,请大家指教下。。。。

- 大小: 24.5 KB
分享到:
相关推荐
本文主要针对在使用EasyUI框架中的`filebox`控件时所遇到的问题及解决方案进行了详细的阐述。特别是在结合AjaxFileUpload包的情况下,如何实现文件的异步上传,并对EasyUI与AjaxFileUpload的源码进行必要的修改以...
在Java环境下,开发者可以通过将 "easyui.jar" 文件添加到项目的类路径中,然后在Servlet或者JSP页面中引入EasyUI的相关JS和CSS资源,就可以开始使用EasyUI了。需要注意的是,使用EasyUI时,要确保浏览器支持jQuery...
同时,MyBatis的配置文件需要指定数据源、SqlSessionFactory以及Mapper接口的扫描路径。 在业务逻辑层面,MyBatis的Mapper接口和XML配置文件用于编写SQL语句,实现对数据库的操作。Spring的@Autowired注解可以用来...
3. **组件初始化**:每个EasyUI组件都有特定的初始化方式,如`$(selector).datagrid(options)`用于初始化表格。了解并正确配置这些选项是至关重要的。 4. **数据绑定与异步加载**:EasyUI支持通过JSON数据源动态加载...
例如,你可以创建一个表格(datagrid),通过AJAX从服务器获取数据,并使用EasyUI的数据绑定功能动态加载到表格中。 **运行和测试** 在MyEclipse10中,设置好Tomcat服务器,部署项目,然后启动服务器。通过浏览器...
如果在 DaoImpl 中的 SQL 语句出现问题,或者路径、括号匹配错误,可能导致程序出错。 在 `Index.jsp` 文件中,可以看到引入了 EasyUI 的 CSS 和 JS 文件,以及 jQuery。`openTabs` 函数用于动态创建和切换标签页。...
- DataGrid是一种常见的前端展示数据的组件,如EasyUI或iGrid,用于显示从服务器获取的数据。 - 在后端,你需要编写一个Controller方法,该方法使用SpringMVC的`@ResponseBody`注解返回JSON数据,DataGrid会解析这...