ssm+easyUI datagrid 不能显示后台controller层返回的json数据
后台打印查询出来的数据:
{"total":29,"rows":[{"department_id":0,"department_name":"董事会办公室","id":1,"idcard":"3423243543534","phone":"15155157074","rname":"汪海燕","sex":1,"uname":"wanghaiyan"},{"department_id":0,"department_name":"院长办公室","id":2,"idcard":"4354565723424","phone":"15856989071","rname":"徐瑶洁","sex":1,"uname":"xuyaojie"},{"department_id":0,"department_name":"人力资源部","id":3,"idcard":"2343543543645654","phone":"18856980711","rname":"雷柏吉","sex":0,"uname":"leibaiji"},{"department_id":0,"department_name":"国际交流中心","id":4,"idcard":"789724389389236576","phone":"18009691880","rname":"胡晓姣","sex":1,"uname":"huxiaojiao"},{"department_id":0,"department_name":"党委办公室","id":5,"idcard":"897572637462834","phone":"13856936979","rname":"李薇薇","sex":1,"uname":"liweiwei"},{"department_id":0,"department_name":"教务处","id":6,"idcard":"7623864723627384","phone":"13856515372","rname":"高春香","sex":1,"uname":"gaochunxiang"},{"department_id":0,"department_name":"学生处","id":7,"idcard":"234235435435345","phone":"13033080925","rname":"王建新","sex":0,"uname":"wangjianxin"},{"department_id":0,"department_name":"团委","id":8,"phone":"13856888038","rname":"唐阳","sex":0,"uname":"tangyang"},{"department_id":0,"department_name":"招生就业处","id":9,"phone":"18705601914","rname":"戴世静","sex":1,"uname":"daishijing"},{"department_id":0,"department_name":"工会","id":10,"phone":"13866726653","rname":"王娜","sex":1,"uname":"wangna"}]}
前台代码:
$(function() {
$('#Employee_datagride').datagrid({
url : 'employee/list.action',
fit:false,
frozen:true,
striped:true,
fitColumns : true,
rownumbers:true,
border : false,
nowrap : true,
singleSelect:false,
pagination : true,
pagePosition : 'bottom',
pageSize : 10,
pageList : [ 10, 15, 20 ],
idField : 'id',
sortName : 'id',
sortOrder : 'desc',
columns : [[{
title :'编号',
field :'id',
width : 50,
checkbox: true
},{
title :'登录名',
field :'uname',
width : 100
},{
title :'真实姓名',
field :'rname',
width : 100
},{
title :'性别',
field :'sex',
width : 50
},{
title :'联系方式',
field :'phone',
width : 150
},{
title :'身份证号',
field :'idcard',
width : 150
},{
title :'所在部门',
field :'department_name',
width : 100
}]],
toolbar:[{
id:'btn_report',
text:'添加',
iconCls:'icon-add',
handler:function(){
employee_add();
}
},{
id:'btn_report',
text:'删除',
iconCls:'icon-remove',
handler:function(){
Employee_delete();
}
},{
id:'btn_add',
text:'修改',
iconCls:'icon-edit',
handler:function(){
Employee_edit();
}
},{
id:'btn_edit',
text:'重置密码',
iconCls:'icon-reload',
handler:function(){
}
}]
});
但是就是不能显示,在网上查了好多,都不知道什么原因,后来发现是jar造成的。用fastjson-1.2.7.jar就可以显示了
ssm+easyUI datagrid 不能显示后台controller层返回的json数据的更多相关文章
- EasyUI Datagrid 分页显示(客户端)
转自:https://blog.csdn.net/metal1/article/details/17536185 EasyUI Datagrid 分页显示(客户端) By ZYZ 在使用JQuery ...
- Controller层返回字符串
刚开始练习,有时候想让Controller层返回一个字符串,但是他却去寻找这个字符串名字的jsp页面,结果肯定会是404的,研究了一会才明白过来,如果Controller需要返回一个值的话,需要再方法 ...
- 通过 Ajax 调取后台接口将返回的 json 数据绑定在页面上
第一步: 编写基础的 html 框架内容,并引入 jquery: <!doctype html> <html lang="en"> <head> ...
- Easyui Datagrid 如何实现后台交互显示用户数据列表
转自:https://blog.csdn.net/Tomsheng321/article/details/50722571?utm_source=blogxgwz9 新手初学的时候可能有个疑问:如何在 ...
- Easyui Datagrid 修改显示行号列宽度
EasyUI中Datagrid的第一列显示行号,可是如果数据量大的的时候,显示行号的那一列数据会显示不完全的. 可以通过修改Datagrid的样式来解决这个问题,在样式中加入下面这个样式,就可以自己修 ...
- easyui datagrid 绑定从后台得到的复杂的特殊数据结构
由于项目需要,从后台得到的数据统一为了类似{state:xxx,data:xxx,message:xxx}类型 但是easyui datagrid却只认{total:xxx,rows:xxx}...所 ...
- MVC使用ajax异步刷新时怎样输出从后台中传过来的JSON数据
前言 这几天在学习MVC使用AJAX异步刷,因为是新手.所以在js中传参数到后台以及后台返回数据到前台怎么接受,怎么前台遍历出JSON数据都开始不知道,相信新手在使用时跟我一样会遇到,这里我就和大家分 ...
- (菜鸟要飞系列)四,基于Asp.Net MVC5的后台管理系统(zTree绑定Json数据生成树)
上一次老师让我们用递归将中国城市镇县四级联动 显示在树上,那个时候就知道可以显示在zTree上,可是苦于对Json的不了解,对zTree的Api的不了解,一直没有做出来,只好将递归算法显示在了窗体上, ...
- ecshop后台根据条件查询后不填充table 返回的json数据,content为空?
做ecshop后台开发的时,根据条件查询后,利用ajax返回的content json数据内容为空,没有填充table 效果 预期效果 问题: make_json_result($smarty -&g ...
随机推荐
- E6全部刷机包
此版本号基于R533_G_11.11.10P_GSZMCAUT679DA01B_LP064DA_T679DA_S005_E001_P002_R001_G004_1FF.sbf制作耳机接听或挂机正常内置 ...
- 充分利用HTML标签元素 – 简单的xtyle前端框架
xtyle框架充分利用语义化标签来做美化样式,兼容多款主流浏览器,包括IE8. xtyle框架虽然没BS这么强大,但我觉得也很实用,体积不算很大,适用于企业网站.WordPress主题.个人网站.博客 ...
- C# MVC分页,razor,view传送model
IMVCPages interface IMVCPages { int GetItemsCount(); int GetPageSize(); int GetPagesCount(); /// < ...
- Android SDK开发常用工具的使用及其异常处理
由于以下操作都是命令操作,所以在执行以下操作之前确保环境变量 ANDROID_HOME 指向的是正确的Android SDK的路径: 一.启动Android SDK Manager: android ...
- UITabBarItem
– finishedSelectedImage 返回选中时的图表 – finishedUnselectedImage 返回为选中时的图表 – setFinishedSelectedImage:with ...
- OC——类
1.Objective-C是C语言的超集,完全兼容C语言 2.所有的关键字都以“@”开头,例如:@interface,@class,@implementation 3.Objective-C的所有对象 ...
- [Oracle]日期和毫秒转换(Date->int)
--日期转换毫秒 SELECT TO_NUMBER(TO_DATE('2005-03-29 12:30:45', 'YYYY-MM-DD HH24:MI:SS') - TO_DATE('1970- ...
- c#访问各数据库的providerName各驱动
在machine.config(C:/WINDOWS/Microsoft.NET/Framework/v2.0.50727/CONFIG)文件中有这么一段: <system.data> & ...
- web2py官方文档翻译01
第一章:介绍 介绍 web2py(web2py)是一个免费的开源web框架的敏捷开发安全的数据库驱动的web应用程序,这是用Python编写的Python(Python)和可编程.web2py是一个完 ...
- Memcache缓存系统原理
在Web服务开发中,服务端缓存是服务实现中所常常采用的一种提高服务性能的方法.其通过记录某部分计算结果来尝试避免再次执行得到该结果所需要的复杂计算,从而提高了服务的运行效率. 除了能够提高服务的运行效 ...