easyui datagrid-easyUI datagrid 数据显示不出来的问题

问题描述

easyUI datagrid 数据显示不出来的问题
用的是PHP+easyUI做的开发,EasyUI datagrid绑定数据源有问题,就是数据显示不出来。

<table id=""family_info"" class=""easyui-datagrid"" title=""家庭成员信息"" style=""width:100%;height:auto"" data-options=""            iconCls: 'icon-edit'            fitColumns:true            rownumbers:true            url:'__URL__/stuFamilyJson'            method:'get'            singleSelect: true            toolbar: '#toolbar'"">

原来在win下做开发,这样写是好使的,顺道贴出stuFamilyJson方法的代码:

public function stuFamilyJson(){    $tb=D('StuFamily');    $familyInfo=$tb->where('stu_id='.session('userId'))->select();    foreach ($familyInfo as $key=>$familyInfoEach)                $familyInfo[$key]=$tb->parseFieldsMap($familyInfoEach);    echo $familyInfo=json_encode($familyInfo);     }

用浏览器开发者工具查看,得到返回值如下:

?[{""id"":""1""stuId"":""1""folkName"":""u7236u4eb2u5927u4eba""folkRelation"":""u7236u5b50""folkCompany"":""u7236u4eb2u7684u5355u4f4d""folkPosition"":""u5de5u4eba2""folkTel"":""12345678910""folkAddress"":""u7ed9u5927u5bb6u8bf4u670diu4e3auu5346""}{""id"":""2""stuId"":""1""folkName"":""u6bcdu4eb2u5927u4eba""folkRelation"":""u6bcdu5b50""folkCompany"":""u6bcdu4eb2u7684u5355u4f4d""folkPosition"":""u5de5u4eba""folkTel"":""12345678910""folkAddress"":""u5bf9u65b9u7b54u590d""}{""id"":""6""stuId"":""1""folkName"":""u5144u957fu5927u4eba""folkRelation"":""u5144u5f1f""folkCompany"":""u65e0""folkPosition"":""u65e0""folkTel"":""123456""folkAddress"":""u70edu70edu70edu4ed6 u5c14u7279u8ba9u4ed6""}]

注:此部分汉字都编码了,这里就不还原。

但是现在这样写,前台就显示不出数据了!

把返回的数据直接粘贴到一个json文件,url改为该json文件,就能正常显示了。
但是,这终究不是个好办法,毕竟要和数据库交互,当然你可能说让后台操作,将结果写入json文件,这样确实可以,不过我不是很喜欢。
又想到了这样写:

<script type=""text/javascript"">$(document).ready(    $.post(""__URL__/stuFamilyJson""        function(data){            data=eval(""(""+data+"")"");            $(""#family_info"").datagrid({'data':data});        }    ));</script>

这样写发现也能正常显示。

那么,问题来了,我直接写url和这样用js写有什么区别么?为什么直接写url会出问题?还有另一个combobox,也是用url写的,刚做完好使,过了几天就不好使了,也不知道是什么原因,我觉得二者是同一原因引起的。求大神帮忙!!

解决方案

浏览器的开发工具看下是不是报错了,我这里测试你的代码没有问题

解决方案二:
格式不正确,正确格式应为{total:100 rows:[{.....}{.....}]}。请仔细阅读API

时间: 2024-12-09 21:56:49

easyui datagrid-easyUI datagrid 数据显示不出来的问题的相关文章

EasyUI中tree,Datagrid,pagenation的使用EasyUI中Datagrid和pagenation进行关联时,再次点击pagenation时让表格数据显示的问题

// 获取选中一行的情况,下面的一个参数可以代表一个DataGridfunction getSelected(dialogEle,dataFileTextEle) { // 获取选中一行的情况. var datagrid = $("#fileInfoDataGrid").datagrid('getSelected'); if (datagrid == null) { $.messager.alert('提示窗口','对不起,您还没有选择文件!','info'); } else { if

easyui如何在datagrid的行编辑或新增的时候锁定行

问题描述 easyui如何在datagrid的行编辑或新增的时候锁定行 easyui如何在datagrid的行编辑或新增的时候锁定行, 让鼠标点击其他行后还是选中的当前编辑行? 因为我发现如果在编辑行或新增行的时候,我把鼠标单击到其他行, 在获取数据的时候就获取不到编辑或新增的内容. 解决方案 appendRow后获取添加行的index,调用beginEdit就好了 var index=$('#FlowList').datagrid('appendRow', { FlowTypeName: 'n

java-怎样在easyui中的datagrid的列中添加combobox并动态获取数据到combobox中?

问题描述 怎样在easyui中的datagrid的列中添加combobox并动态获取数据到combobox中? <table id="data" class="easyui-datagrid" style="width:700px;height:250px" url="getAllServer.do" data-options="pageSize:5 ,pageList: [3,5,10]" tool

easyui中的datagrid怎么一条数据多行显示?

问题描述 easyui中的datagrid怎么一条数据多行显示? 现在就是想用datagrid做表把一条数据多行显示出来 效果像这个样子,找了好多资料都没有看到,求大神教教 解决方案 easyui datagrid数据不显示 解决方案二: 增加loadFilter配置,自己将一行数据整为多行的数据返回 loadFilter function Return the filtered data to display. The function take one parameter 'data' th

如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上_javascript技巧

使用onEndEdit事件(该事件可以获取到editor对象,onAfterEdit事件获取不到Editor对象) 通过editor拿到输入数据并保存. int ci = 0; for(Column col : columnList ){ for(Combobox cbb : col.getCombobox()){ if(cbb != null){ str += "var ed" + ci + " = $j(\"#"+RandomNumber+"

jQuery Easyui学习之datagrid 动态添加、移除editor_jquery

 使用easyui行编辑的时候完成编辑的功能比较简单,但是如果要根据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比较麻烦了. 比如像下面这样:添加行的时候每个值都是手动输入,修改的时候第一个值不能修改.我们来看下怎么实现这样的效果. easyui本身是不提供这么细节的功能的,需要我们自己拓展下: 在编辑的时候移除第一列的editor属性,添加的时候,添加第一列的属性. //扩展datagrid:动态添加删除editor $.extend($.fn.datagrid.methods,

datagrid json-easyui datagrid 不显示json数据

问题描述 easyui datagrid 不显示json数据 过程描述:页面 A输入参数,进入controller进行逻辑处理并生成json数据,然后通过 MVC返回json数据,并对页面A相关easyui datagrid表格进行数据展示. 问题:easyui datagrid不现实数据,且页面不报错,调试能看到json数据. 页面代码: <button id="myb" class="easyui-linkbutton c6" type="but

表格-datagrid嵌套datagrid

问题描述 datagrid嵌套datagrid 上面是我想要的最终结果的效果图. 图中分上下两个表格.现在这两个datagrid表格是相对独立的表格. 我想让这两个datagrid表格合并为一个,效果是上下显示. 这两个datagrid表格中的每个字段是不一样的. 解决方案 如何动态的嵌套DataGridDataGrid 嵌套DataList

springmvc将数据传递给easyui中的datagrid时数据库中的数据没有显示

问题描述 这个list集合中的数据已经测试了,可以取到@RequestMapping(value="/findCost",method=RequestMethod.POST)@ResponseBodypublic Object findCost(HttpServletRequest request) throws Exception{List costs= costService.findAll();return costs;}有个一table id是dg,changeme为工程名,其

easyui 中的datagrid用json数据动态绑定列后,如何给里面的数据加上超链接,谢谢!

问题描述 RT,急求,谢谢!!! 解决方案 解决方案二:formatte:function(value,rowDate,rowIndex){return"返回你想要格式化的东西";}解决方案三:在绑定设置部分设置你对应的format啊--解决方案四:你在javascript版问过了这里也发了贴啊?好吧再贴一遍,正好那边多写了几句没用的代码<tableclass="easyui-datagrid"title="文档列表"id="dg