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就可以显示了

时间: 2024-11-03 03:48:36

ssm+easyUI datagrid 不能显示后台controller层返回的json数据的相关文章

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

第一步: 编写基础的 html 框架内容,并引入 jquery: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>测试Ajax</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"><

Easyui Datagrid 修改显示行号列宽度

EasyUI中Datagrid的第一列显示行号,可是如果数据量大的的时候,显示行号的那一列数据会显示不完全的. 可以通过修改Datagrid的样式来解决这个问题,在样式中加入下面这个样式,就可以自己修改显示行号列的宽度了 .datagrid-header-rownumber,.datagrid-cell-rownumber{ width:40px; }

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

由于项目需要,从后台得到的数据统一为了类似{state:xxx,data:xxx,message:xxx}类型 但是easyui datagrid却只认{total:xxx,rows:xxx}...所以,整个前台都报错了,报错了就要解决,解决的过程中一共试过3中方式 1,datagrid不直接指定数据源,而是单独的ajax得到数据,然后在loadData绑进去,但是这样太麻烦了,不合理,显然不适用 2,重写ajax在得到数据的时候处理一下,网上找了段大神的代码就拿来用了,但是这样写灵活性不好,只

easyui datagrid控制显示进度条

实际项目中当我们在前台分页的时候需要控制datagrid加载数据时显示进度条,而datagrid默认只有在通过url方式加载数据时才显示进度条,以下代码是手动控制: 打开进度条: $('#searchAddrDg').datagrid('loading');//打开等待div 关闭进度条: $('#searchAddrDg').datagrid('loaded');//关闭loding进度条:

当后台返回的json数据里有h5字符串该如何显示

有时候一些数据是需要动态显示,并且需要换行,但客户端并不知道这些数据该在哪里换行, 并按照后台编辑格式来显示,于是后台直接返回的后台编辑的h5字符串,但数据已经经过json 解析过了,再去通过专门解析h5的第三方去解析瞬间感觉头大,于是我去百度了一下如何显示 后台返回的h5字符串,有两个方法,一种是label的attributedText,还一种是webView. label的写法: NSAttributedString * attrStr = [[NSAttributedString allo

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

上一次老师让我们用递归将中国城市镇县四级联动 显示在树上,那个时候就知道可以显示在zTree上,可是苦于对Json的不了解,对zTree的Api的不了解,一直没有做出来,只好将递归算法显示在了窗体上,见C# 使用winForm的TreeView显示中国城镇四级联动, 前几天老师终于将他以前做的zTree的例子给我研究,终于知道了怎么写了(哭瞎,好没有成就感),感觉网上这部分资源好少,有也是关于SqlServer用EntityFramework中数据上下文写的,由于老师不让用EntityFrame

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

做ecshop后台开发的时,根据条件查询后,利用ajax返回的content json数据内容为空,没有填充table 效果 预期效果 问题: make_json_result($smarty -> fetch('packages_list_info.htm'), '', array('filter' => $result['filter'], 'page_count' => $result['page_count'])); 问题出在 packages_list_info.htm页面里

JS获取后台返回的JSON数据

问题:通过$.get从后台获取了一段json串{"id":"1","name":"ww"},然后要拿到这里面的id和name值 $.get(url,     function(data) {    alert("ID:" + data.id + "\nName:" + data.name);     }); 直接这样写的话,界面会alert提示undefined,所以应该是没能正确解析返

前台如何处理后台返回的json数据

后台返回的json数据格式: { "state": true, "data": { "id": 0, "name": "testAjax"'"sex": null, "csny": null, "mz": null, "byxx": null, "sfzh": null, "yhtc":