easyui的datagrid问题急求

loveyienhui 2013-05-28 09:45:00
我服务器端返回json格式如下
{"datas":[{"id":0,"name":"name0","password":"password0"},{"id":1,"name":"name1","password":"password1"}]}
是一个list写成的json格式,id,name,password 是用户的3个属性
datagrid的列已经写成
columns:[[
{title:'编号',field:'id',width:100},
{title:'名字',field:'name',width:100},
{title:'密码',field:'password',width:100}
]]

});
得不到数据,客户端得不到数据。
firebox的出现一个错误是TypeError: rows is undefined
求解
...全文
502 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
「已注销」 2014-06-18
  • 打赏
  • 举报
回复
需要将后台json格式数据格式化,格式成自己需要的代码是: $(document).ready(function() { var rows = []; $('#bt').click(function(){ function getData(){ $.ajax({ type:'Post', contentType:'application/json', url:'getChildrenMenu.html', async :false, data:str, dataType:'json', success:function(data){ rows = data; } }); return rows; } function pagerFilter(data){ if (typeof data.length == 'number' && typeof data.splice == 'function'){ // is array data = { total: data.length, rows: data }; } var dg = $('#dg'); var opts = dg.datagrid('options'); var pager = dg.datagrid('getPager'); pager.pagination({ onSelectPage:function(pageNum, pageSize){ opts.pageNumber = pageNum; opts.pageSize = pageSize; pager.pagination('refresh',{ pageNumber:pageNum, pageSize:pageSize }); dg.datagrid('loadData',data); } }); if (!data.originalRows){ data.originalRows = (data.rows); } var start = (opts.pageNumber-1)*parseInt(opts.pageSize); var end = start + parseInt(opts.pageSize); data.rows = (data.originalRows.slice(start, end)); return data; } $('#dg').datagrid({loadFilter:pagerFilter}).datagrid('loadData', getData()); }); }); 这个方法是ajax请求后台数据然后通过jquery 的方法将数据格式化为{"total": xxx,"rows":[{... ...}]}这样的格式
无名小祖 2014-06-18
  • 打赏
  • 举报
回复
我的在1.2.6版本是没有问题的,说明我的数据格式是没问题,改为1.3.6也出这样的问题,求解
koproblem 2013-11-22
  • 打赏
  • 举报
回复
你 去官网的 demo里看看 data.json把里面的格式跟你返回的格式比较下
rome_wu 2013-11-21
  • 打赏
  • 举报
回复
net.sf.json.*搜索这个包

        Map<String, Object> jsonMap = new HashMap<String, Object>();//定义map  
        jsonMap.put("total", pager.getTotalCount());//total键 存放总记录数,必须的  
        jsonMap.put("rows", pager.getResult());//rows键 存放每页记录 list
	JSON json=JSONObject.fromObject(jsonMap);
	response.getWriter().print(json);
qpc353386051 2013-11-21
  • 打赏
  • 举报
回复
建议查看前台获取后台返回的JSON字符串格式,然后查看datagrid接受返回数据默认标识属性,这个属性值可以修改。
  • 打赏
  • 举报
回复
前台返回来的可能是字符串, 用EVAL() 转换一下试试
  • 打赏
  • 举报
回复
控件上还有其他的一些配置的啊~请求路劲,设置数据的地方~你都放了不~
tof214 2013-11-20
  • 打赏
  • 举报
回复
引用 楼主 loveyienhui 的回复:
我服务器端返回json格式如下 {"datas":[{"id":0,"name":"name0","password":"password0"},{"id":1,"name":"name1","password":"password1"}]} 是一个list写成的json格式,id,name,password 是用户的3个属性 datagrid的列已经写成 columns:[[ {title:'编号',field:'id',width:100}, {title:'名字',field:'name',width:100}, {title:'密码',field:'password',width:100} ]] }); 得不到数据,客户端得不到数据。 firebox的出现一个错误是TypeError: rows is undefined 求解
3楼已经回答了,将“datas”改为“rows”
mamba10 2013-08-29
  • 打赏
  • 举报
回复
应该是格式问题, 参考easyui文档给的例子的格式看看,
lzc_a 2013-08-29
  • 打赏
  • 举报
回复
同样的问题,求助
lzc_a 2013-08-29
  • 打赏
  • 举报
回复
楼主,问题解决了没
liguangwen86 2013-05-30
  • 打赏
  • 举报
回复
引用 1 楼 blackandgolden 的回复:
grid的json标准格式是{"total": xxx,"rows":[{... ...}]},将后台传来的json数据调整成这个格式再试试看
d 你的json是datas
sangfox 2013-05-29
  • 打赏
  • 举报
回复
你服务器返回的东西应该是一个字符串.而不是一个json对象.要在接受的时候做处理吧.有时候会出现这种问题.
blackandgolden 2013-05-29
  • 打赏
  • 举报
回复
grid的json标准格式是{"total": xxx,"rows":[{... ...}]},将后台传来的json数据调整成这个格式再试试看
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签 1.3.6更新 Bug treegrid: getChecked方法不能返回正确的行. fixed. tree: 异步树,在onlyLeafCheck:true时复选框不显示正确. fixed. Improvement treegrid:继承datagrid组件所有的selecting和checking方法。 linkbutton:图标对齐方式,支持值:'top','bottom','left','right'。 linkbutton:添加"size"属性,支持值:'small','large'。 linkbutton:添加的onClick事件。 menubutton:添加"menuAlign"属性,允许用户设置顶级菜单对齐。 combo:添加"panelAlign"属性,支持值:'left','right'。 calendar:"formatter"、"styler"和"validator"选项可用于自定义日历日期。 calendar:添加的onChange事件。 panel:添加"method","queryParams"和"loader"属性。 panel:添加"onLoadError"事件。 datagrid:添加"onBeginEdit"事件。 datagrid:添加"onEndEdit"事件。 datagrid:添加"sort"方法和"onBeforeSortColumn"事件。 datagrid:"combogrid"编辑器集成到datagriddatagrid:添加"ctrlSelect"属性,允许使用ctrl+click 多选 slider:添加"converter"选项,允许用户决定如何将一个值转换为滑块的位置或滑块位置值。 searchbox:添加"disabled"属性。 searchbox:添加"disabled","enable","clear","reset"方法。 spinner:添加"readonly"属性、"readonly"方法和"onChange事件。
最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的EXE格式,另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接提供到API包里面,方便没有去官网下载的人直接使用。请大家持续关注我发布的资源,不出意外,我是会一直持续更新本API文档的。本次更新内容大约有30个,Bug修复的只有2个,剩下的全是新增内容,EasyUI的控件已经越来越好用了,顶一个。但是希望能把性能也提升提升,总是感觉在某些情况下EasyUI的性能不是太好。具体更新内容请看下面的说明: jQuery EasyUI 1.3.6版本更新内容: Bug(修复) treegrid:修复“getChecked”方法不能正确的返回被选择的行的问题; tree:修复在“onlyLeafCheck”属性为true时,复选框无法在异步树种正确显示的问题。 Improvement(改进) treegrid:所有的选择和选中的方法都扩展自datagrid组件; linkbutton:添加图标对齐功能的完整支持,可用值有:“top”、“bottom”、“left”、“right”; linkbutton:添加“size”属性,可用值有:“small”、“large”; linkbutton:添加“onClick”事件; menubutton:添加“menuAlign”属性,该属性允许用户设置顶级菜单对齐; combo:添加“panelAlign”属性,可用值有:“left”、“right”; calendar:添加“formatter”、“styler”和“validator”属性,这些属性允许用于自定义日历日期; calendar:添加“onChange”事件; panel:添加“method”、“queryParams”和“loader”选项; panel:添加“onLoadError”事件; datagrid:添加“onBeginEdit”事件,该事件在一个行进入编辑模式时触发; datagrid:添加“onEndEdit”事件,该事件在完成编辑但是编辑器尚未销毁之前触发; datagrid:添加“sort”方法和“onBeforeSortColumn”事件; datagrid:将“combogrid”编辑器集成到datagrid中; datagrid:添加“ctrlSelect”属性,在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作; slider:添加“converter”属性,该属性允许用户决定如何将一个值转换为进度条位置或进度条位置值; searchbox:添加“disabled”属性; searchbox:添加“disable”、“enable”、“clear”、“reset”方法; spinner:添加“readonly”属性、“readonly”方法和“onChange”事件。

67,541

社区成员

发帖
与我相关
我的任务
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器,保护我们的业务核心组件(中间件),以延续它的生命力,而不是依赖J2SE/J2EE版本。
社区管理员
  • Java EE
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧