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 ...
随机推荐
- LSH算法原理
原始链接--http://www.jiahenglu.net/NSFC/LSH.html LSH(Location Sensitive Hash),即位置敏感哈希函数.与一般哈希函数不同的是位置敏感性 ...
- 3.数据库操作相关术语,Oracle认证,insert into,批量插入,update tablename set,delete和truncate的差别,sql文件导入
1相关术语 语句 含义 操作 DML语句 (Data Manipulation Language) 数据库操作语言 insert update delete select DDL语言 (Date ...
- UVA 1343 The Rotation Game
题意: 给出图,往A-H方向旋转,使中间8个格子数字相同.要求旋转次数最少,操作序列字典序尽量小. 分析: 用一维数组存24个方格.二维数组代表每个方向对应的7个方格.IDA*剪枝是当8-8个方格中重 ...
- 在一个apk中调用另外一个apk中的activity
今天忽然想到如果要在一个activity中调用另外一个activity该怎么办呢? 感觉这个应该比较简单,应为activity的启动方式就两种:显式启动.隐式启动: 显式启动的话肯定不行,那就只能使用 ...
- MVC 使用PageList进行分页
1.新建MVC项目 2.在Web项目下添加PagedList nuget 命令 :install-package pagedlist.mvc 在安装完成之后,会在Content下添加PagedList ...
- mysql 查询表的行数和空间使用及其它信息
use information_schema; select concat(round(sum(DATA_LENGTH/1024/1024), 2), 'MB') as data from TABLE ...
- jquery 实现横向滑动自动切换源码(同时显示多张图片)
html代码: <!doctype html> <html lang="en"> <head> <meta charset="U ...
- 在mysql 中两种锁定问题
mysql 中15.2.10.5 中描述了两个问题,且分别给出了解决办法. 1.向子表中写入数据,但写入之前需确保父表中存在其相应信息. 可能出现,在已经读取父表中的数据,但另一请求将其删除. 办法: ...
- python基础笔记-0
python中数据结构,主要有列表.元组.字典.集合. python中最基本数据结构是序列(sequence).序列中每个元素被分配一个序号——即元素位置,也成为索引.第一个索引是0,第二个是1,以此 ...
- lex 和 yacc 的区别与联系
lex负责词法解析,而yacc负责语法解析,其实说白了就是lex负责根据指定的正则表达式,将输入的字符串匹配成一个一个的token,同时允许用户将当前匹配到的字符串进行处理,并且允许返回一个标识当前t ...