后台打印查询出来的数据:

{"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数据的更多相关文章

  1. EasyUI Datagrid 分页显示(客户端)

    转自:https://blog.csdn.net/metal1/article/details/17536185 EasyUI Datagrid 分页显示(客户端) By ZYZ 在使用JQuery ...

  2. Controller层返回字符串

    刚开始练习,有时候想让Controller层返回一个字符串,但是他却去寻找这个字符串名字的jsp页面,结果肯定会是404的,研究了一会才明白过来,如果Controller需要返回一个值的话,需要再方法 ...

  3. 通过 Ajax 调取后台接口将返回的 json 数据绑定在页面上

    第一步: 编写基础的 html 框架内容,并引入 jquery: <!doctype html> <html lang="en"> <head> ...

  4. Easyui Datagrid 如何实现后台交互显示用户数据列表

    转自:https://blog.csdn.net/Tomsheng321/article/details/50722571?utm_source=blogxgwz9 新手初学的时候可能有个疑问:如何在 ...

  5. Easyui Datagrid 修改显示行号列宽度

    EasyUI中Datagrid的第一列显示行号,可是如果数据量大的的时候,显示行号的那一列数据会显示不完全的. 可以通过修改Datagrid的样式来解决这个问题,在样式中加入下面这个样式,就可以自己修 ...

  6. easyui datagrid 绑定从后台得到的复杂的特殊数据结构

    由于项目需要,从后台得到的数据统一为了类似{state:xxx,data:xxx,message:xxx}类型 但是easyui datagrid却只认{total:xxx,rows:xxx}...所 ...

  7. MVC使用ajax异步刷新时怎样输出从后台中传过来的JSON数据

    前言 这几天在学习MVC使用AJAX异步刷,因为是新手.所以在js中传参数到后台以及后台返回数据到前台怎么接受,怎么前台遍历出JSON数据都开始不知道,相信新手在使用时跟我一样会遇到,这里我就和大家分 ...

  8. (菜鸟要飞系列)四,基于Asp.Net MVC5的后台管理系统(zTree绑定Json数据生成树)

    上一次老师让我们用递归将中国城市镇县四级联动 显示在树上,那个时候就知道可以显示在zTree上,可是苦于对Json的不了解,对zTree的Api的不了解,一直没有做出来,只好将递归算法显示在了窗体上, ...

  9. ecshop后台根据条件查询后不填充table 返回的json数据,content为空?

    做ecshop后台开发的时,根据条件查询后,利用ajax返回的content json数据内容为空,没有填充table 效果 预期效果 问题: make_json_result($smarty -&g ...

随机推荐

  1. ADO.Net两种访问数据库模式

    在连接模式下的数据库访问通常包括以下几个步骤: 1.通过数据库连接类(DbConnection)链接类指定到数据库服务器的数据库 2.通过数据库命令类(DbCommand)在数据库上执行SQL命令,可 ...

  2. 牛掰的图片等比缩放js代码

    function resizeImg(img,oAW,oAH){ var oimgW = img.width, oimgH = img.height, oimg = img, oY = (oimgH/ ...

  3. android Handler更新UI

    android中经常需要更新界面某个元素的值,但是在主线程中是不可以直接更新主线程的值.这里推荐通过handler机制来更新值. 一Handler的定义: 主要接受子线程发送的数据, 并用此数据配合主 ...

  4. java实现二叉树的相关操作

    import java.util.ArrayDeque; import java.util.Queue; public class CreateTree { /** * @param args */ ...

  5. openstack外篇之认识mysql授权及一些操作

    openstack外篇之认识mysql授权及一些操作  http://www.aboutyun.com/thread-11405-1-1.html

  6. php 数据结构 hash表

    hash表 定义 hash表定义了一种将字符组成的字符串转换为固定长度(一般是更短长度)的数值或索引值的方法,称为散列法,也叫哈希法.由于通过更短的哈希值比用原始值进行数据库搜索更快,这种方法一般用来 ...

  7. redhat系列yum本地源配置

    1.挂载光盘,本示例挂载在/mnt下. 2.清除系统带的.repo文件,rm -f /etc/yum.repos.d/* 3.编辑自己的repo文件,内容如下: [local_server]   (库 ...

  8. Linux--本地yum库

    Linux配置本地yum云: 第一步:把cd 挂载到目录树 mount /dev/cdrom /mnt/media 第二步:增加/etc/yum.repo.d/local.repo touch /et ...

  9. python--getitme\setitem 支持索引与分片

    1.想要自己定义的python对象支持索引与分片操作就要重载__getitem__\__setitem__这两个方法. 2.__getitme__(self,index) 这里的index参数可能类型 ...

  10. Windows 下 Django/python 开发环境配置

    1.安装 Aptana/Eclipse Aptana是在eclipse上二次开发的一个开源的集成开发环境,内置python编译器 http://www.aptana.com/ 2. 安装python ...