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 ...
随机推荐
- lucas模板
ll PowMod(ll a,ll b,ll MOD){ ll ret=; while(b){ ) ret=(ret*a)%MOD; a=(a*a)%MOD; b>>=; } return ...
- 【递归】【3月周赛1】【Problem B】
Problem B Time Limit : 2000/1000ms (Java/Other) Memory Limit : 65535/32768K (Java/Other) Total Sub ...
- js 获取asp:dropdownlist选中的值
var eSection = document.getElementById("<%=tx_ddlType.ClientID%>"); var eSectionValu ...
- android开发网络连接工具类(一)
网络连接工具类整理: package com.gzcivil.utils; import java.io.IOException; import java.util.ArrayList; import ...
- (一)使用Fragment实现QQ的底部按钮
版权声明:本文出自郭霖的博客,转载必须注明出处. 转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/13171191 现在Fragmen ...
- JAVASCRIPT——文字出现效果练习
写一句诗.诗的最初状态是隐藏的,效果是让诗缓慢出现,直到显示完全 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
- https配置
总结了一下: 所谓用HTTPS的时候 app 前端要配置SSL 证书的意思就是:相当于服务器端与app 前端, 一个拿公钥,一个拿私钥.简单得说就是客户端发送请求的时候,用配置好的SSL证书里的加密方 ...
- 本地网址连不上远程mysql问题
问题:host 'XXX.XXX.XXX.XXX'is not allowed to connect to this MySQL server 解决办法: 进入远程mysql #mysql -u ro ...
- 修改vim默认tab为4个空格与显示行号
添加一个.vimrc配置文件即可. 在home目录下 vim .vimrc # 添加如下内容 set ts=4 set expandtab set nu 然后再次用vim打开任意文件,就看见效果啦!
- Oracle字符编码
.检查服务器编码: 执行SQL语法: Java代码 select * from v$nls_parameters; 或 Java代码 select * from nls_database_parame ...