easyui+struts2:datagrid无法不能得到数据

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

转自：https://bbs.csdn.net/topics/390980437

easyui+struts2:datagrid无法访问到指定action:

userlist.jsp部分代码：

XML/HTML code

<script type="text/javascript" src="libs/easyui-1.3.5/jquery.min.js"></script>

<script type="text/javascript" src="libs/easyui-1.3.5/jquery.easyui.min.js"></script>

<script type="text/javascript" src="libs/easyui-1.3.5/locale/easyui-lang-zh_CN.js"></script>

<link rel="stylesheet" type="text/css" href="libs/easyui-1.3.5/themes/default/easyui.css" >

<link rel="stylesheet" type="text/css" href="libs/easyui-1.3.5/themes/icon.css">

<script type="text/javascript">

$(function() {

$('#mydatagrid').datagrid({

title : '用户管理',

iconCls : 'icon-ok',

width : 600,

pageSize : 5,//默认选择的分页是每页5行数据

pageList : [ 5, 10, 15, 20 ],//可以选择的分页集合

nowrap : true,//设置为true，当数据长度超出列宽时将会自动截取

striped : true,//设置为true将交替显示行背景。

collapsible : true,//显示可折叠按钮

toolbar:"#tb",//在添加增添、删除、修改操作的按钮要用到这个

url:'userList.action',//url调用Action方法

loadMsg : '数据装载中......',

singleSelect:true,//为true时只能选择单行

fitColumns:true,//允许表格自动缩放，以适应父容器

//sortName : 'xh',//当数据表格初始化时以哪一列来排序

//sortOrder : 'desc',//定义排序顺序，可以是'asc'或者'desc'（正序或者倒序）。

remoteSort : false,

frozenColumns : [ [ {

field : 'user',

checkbox : true

} ] ],

pagination : true,//分页

rownumbers : true//行数

});

</script>

</head>

<body>

<table id="mydatagrid">

<thead>

<tr>

<th data-options="field:'user',width:100,align:'center'">用户名</th>

<th data-options="field:'name',width:100,align:'center'">姓名</th>

</tr>

</thead>

</table>

</body>

</html>

struts.xml配置：

XML/HTML code

<package name="struts2" extends="json-default">

<action name="userList" class="com.xforce.login.action.UserListAction" method="getUsers">

<result type="json" >

<param name="root">rows</param>

</result>

</action>

</package>

UserListAction.java代码：

Java code

package com.xforce.login.action;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import org.hibernate.engine.spi.RowSelection;

import com.opensymphony.xwork2.ActionSupport;

import com.xforce.login.dao.impl.UserDaoImpl;

import com.xforce.login.entity.User;

//import com.alibaba.fastjson.JSON;

//import com.alibaba.fastjson.JSONObject;

import net.sf.json.JSONArray;

import net.sf.json.JSONObject;

import com.xforce.login.entity.User;

import com.xforce.login.dao.UserDao;

import com.xforce.login.dao.impl.UserDaoImpl;

public class UserListAction extends ActionSupport {

private JSONObject rows = new JSONObject();

public String getUsers() throws Exception{

UserDaoImpl udi = new UserDaoImpl();

List<User> users = udi.listUser();

HashMap<String, Object> maps = new HashMap<String, Object>();

List<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();

for (User user :users) {

HashMap<String, Object> hashMap = new HashMap<String, Object>();

hashMap.put("name",user.getName());

hashMap.put("user",user.getUser());

list.add(hashMap);

}

maps.put("Rows", list);

//rows = JSONObject.parseObject(JSON.toJSONString(maps));

rows = JSONObject.fromObject(maps);

System.out.println(rows);

return SUCCESS;

}

public JSONObject getRows() {

return rows ;

}

public void setRows(JSONObject rows) {

this.rows = rows;

}

调试时无法显示数据，在UserListAction中设置断点，发现未进入，（JSP页面利用LigerUI可正常访问UserListAction返回json显示数据），chrome调试审查元素，network中显示如下图：

不能访问http://localhost:8080/FixOnline/userList.action
但在地址栏中输入该url，返回结果：

XML/HTML code

1	`{"Rows":[{"name":"管理员","user":"admin"},{"name":"李四","user":"ls"}]}`

项目添加的包如下图：

jquery和easyUI 的文件引入路径错了，所以easyUI的代码无法识别。如果你的libs是webapp根目录下的在前面加个’/‘就可以了
如果不是可以用${request.contextPath}来获取项目路径
如果大量页面需要引用的话就用<c:set scope="application" var="path" value="<%=request.getContextPath()%>"></c:set>，以后只要用${path}就能代替${request.contextPath}

2018又出新赚钱方式，东直门知道的人都已经赚疯了广告海南通博网络 · 燨燚

不应挽留

0 2015-01-31 13:35:18

引用・举报・ #2 得分：0

引用 1 楼 beautiful_life12 的回复:

jquery和easyUI 的文件引入路径错了，所以easyUI的代码无法识别。如果你的libs是webapp根目录下的在前面加个’/‘就可以了
如果不是可以用${request.contextPath}来获取项目路径
如果大量页面需要引用的话就用<c:set scope="application" var="path" value="<%=request.getContextPath()%>"></c:set>，以后只要用${path}就能代替${request.contextPath}

感谢，应该不是路径问题，easyui的界面显示正常，请看倒数第2张图。
另外在页面中<table>标签加入class属性：

XML/HTML code

1	`<table` `id="mydatagrid"` `class="easyui-datagrid">`

可以访问到userList.action了，但界面仍不能显示数据。
下图是chrome审查元素中的network：

不应挽留

0 2015-01-31 13:41:38

引用・举报・ #3 得分：0

补充一张在页面中<table>标签加入class="easyui-datagrid"属性后的调试图：

不应挽留

0 2015-01-31 13:50:03

引用・举报・ #4 得分：0

另外若哪位能提供easyui+struts2+hibernate或是LigerUI+struts2+hibernate包含layout与datagrid增删改查较好的示例demo框架同是万分感激！

lixiang584

0 2015-01-31 17:28:45

引用・举报・ #5 得分：15

为了方便大侠们定位问题，我把项目上传了，若有时间麻烦帮忙调试一下。谢了！
数据库：mysql，项目目录中包含数据库fixonline.sql文件。
测试页面http://localhost:8080/userlist1.jsp页面功能即可。

下载地址：http://download.csdn.net/detail/aiolox/8412979

(由于连续回帖数不能超过3，换账号留言。)

劲爆！东直门26岁美女用微信做这个，1年存款吓呆父母！！广告永丰 · 燨燚

不应挽留

0 2015-01-31 22:54:40

引用・举报・ #6 得分：0

引用 5 楼 lixiang584 的回复:

为了方便大侠们定位问题，我把项目上传了，若有时间麻烦帮忙调试一下。谢了！
数据库：mysql，项目目录中包含数据库fixonline.sql文件。
测试页面http://localhost:8080/userlist1.jsp页面功能即可。
下载地址：http://download.csdn.net/detail/aiolox/8412979
(由于连续回帖数不能超过3，换账号留言。)

不好意思，资源未通过审核...

不应挽留

0 2015-02-01 00:14:55

引用・举报・ #7 得分：0

发现还是跟json的格式有关，action中

Java code

1	`rows = JSONObject.fromObject(maps);`

替换为

Java code

1	`rows = JSONObject.fromObject("{\"rows\":[{\"isLeaf\":0,\"nodeAction\":\"\",\"nodeID\":1,\"nodeIcon\":\"icon-sys\",\"nodeText\":\"系统管理\",\"parenetID\":0},{\"isLeaf\":1,\"nodeAction\":\"sys/entryM.html\",\"nodeID\":2,\"nodeIcon\":\"icon-nav\",\"nodeText\":\"栏目管理\",\"parenetID\":1}],\"total\":2}");`

可以展现测试数据...

wyx100