如何让easyui的datagrid的field支持属性的子属性(field.childfield)

后端返回的数据是{"id":"1100","channel":"1","title":"网络信息","user":{"counterno":"100000000","email":"admin@qq.com"}}

{field:'title',title:'标题',width:120,sortable:true},
{field:'user',title:'用户姓名',width:120,sortable:true,
formatter:function(value,row,index){
return value.email;
}
}
这种方式可以显示出来,但是问题是只能用一次,因为field:'user' 这个不能重复,要显示子属性所有的字段有没什么其他办法,尝试写法{field:'user.email',title:'标题',width:120,sortable:true} 这种写法是不行的。

2个回答

filed不支持点号配置,就是数据为{"xx":{"bb":"xx"},"CC":"cc"...}时,filed不能配置为"xx.bb",无效,配置formatter来返回嵌套的数据

 formatter:function(value){return value.bb}
showbo
支付宝加好友偷能量挖 回复wuyaoguang2008: 那你不知道随便起名称就行了,formatter有3个参数,第一个是列值,第二个是数据行,第三个数据行小标,通过数据行来获取值。 formatter:function(value,row,index){return row.user.xxxx}
接近 3 年之前 回复
wuyaoguang2008
wuyaoguang2008 这个方法可以使用,但是filed配置的不能重复,这个对象我不可能只用一次的
接近 3 年之前 回复

返回的数据扁平化不就可以了吗,不嵌套{"id":"1100","channel":"1","title":"网络信息","counterno":"100000000","email":"admin@qq.com"}

wuyaoguang2008
wuyaoguang2008 那不是所有连表查询都是这样处理,后期就不好维护了
接近 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui datagrid columns的field如何支持属性的子属性
数据结构如上,一个数组的一条数据含有两个对象,field对应的是字段名称,我最开始写的是这样的 结果就是不显示子数据,如下图 后来找一个一个方法可行,用formatter方法间接获取子数据 注意:一定要判断row.scenery这个对象是否为空,否则报错,页面不会显示 结果如下: ...
easyUI datagrid合并单元格(支持子对象的属性)
easyUI datagrid合并单元格的两种方法 都实现了按照子对象的属性合并单元格的需求 调用方式也很简单调用方式: $(tableID).datagrid("autoUnrelatedMergeCells", ["role.name", "num"]);
easyui datagrid显示子属性
columns通过json实现定义好,formatter1:"function fn(){.......}" ,前端通过ajax请求json,遍历columns拿到有formatter1属性的那列,通过eval(),把字符串解析成函数,最后将该列的['formatter'] = fn,即可达到目的
easyui field 获取对象子属性的值
我们从服务器获取的数据格式如下: {“total”:10,”rows”:[{“orderId”:”4”,”payment”:”1”,”paymentType”:1,”postFee”:”1”,”status”:2,”createTime”:1510029825000,”updateTime”:1509986263000,”paymentTime”:1510072665000,”consignTim
easyui form 支持子对像属性 绑定
$.fn.formX=function(options,params){ var target = this; var methods={ load : function(jq, data) { return jq.each(function() { myload(this, data); }); } }; var...
JQuery Easy Ui dataGrid 数据表格
数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值。. 数据表格显示的数据以表格的形式,并提供了丰富的选择,排序,分组和编辑数据的支持。这个数据表格被设计以缩短开发时间,并要求开发商没有具体的知识。它是轻...
datagrid的columns属性支持对象的子属性(类似user.userName)的方法
由供应商类型 查询 类型名称, 涉及两个表的一对一查询 SupplierType .java  供应商类型 Supplier .java  供应商 public class SupplierType { private Integer supTypeId;         private String supTypeName;             priva
easyui datagrid如何解析 一个对象的子对象的多个属性
我们一般从服务器返回的json数据,都是对象嵌套对象的。使用easyui datagrid 绑定数据的时候,如果我们要绑定一个对象的子对象的,多个数据,第一个数据可以绑定上,但是它会覆盖掉,后面对象的内容。如何解决这样的问题的呢、? 我的解决代码如下:{field:'nickname',title:'昵称',align:'center',width:'200',formatter:function(
easyui中datagrid如何显示子对象的属性
在开发账号管理功能的时候,需要在账号列表页面显示账号的部门和角色,而部门和角色都是已对象形式包含在账号中的,如下所示:/** * @Fields accountId : 账户ID */ private String accountId; /** * @Fields department : 部门 */ private Department de
easyui中datagrid如何使用formatter显示子对象的属性
如图  不是用formatter则显示的是来个[object object] 但是前台已经传过来值有俩种方法来使用第一种是 在js里面直接利用formatter来进行获取$(function() { $("#tt") .datagrid( { pageSize : 2,//每页显示的记录条数,默认为5   pageList : [ 2, 4, 6...
easyui DataGrid 数据表格 属性
NULL 博文链接:https://168zsj.iteye.com/blog/1659478
【easyui】 datagrid 属性事件常用
// DataGrid var valuedata; var textdata; var buildGrid = function () { $('#tt').datagrid({ title:', url: ' ', //数据填充路径 rownumbers: true, //开启列 fit: true, //自适
定义属性的子属性
如:UserControl.list.count UserControl.list.addrn其中的list是怎么做
当使用EasyUI时,需要的Field属性是子属性时候,除了formatter和修改jquery.easyui.min.js的方法
说起来这个方法也不是特别的好,但是当你需要在页面上使用过滤Filter的时候,这个方法还是相当有用的. 以我本地为例 Entity中使用的是hibernate联合主键,此时主键id中包含两个属性,一个day,一个sitename,如下: {"id":{"siteName":"test.com","day":"2016-04-25"} 这里顺便提一下formatter方式 我想在d
easyui属性
easyUI属性汇总 找了个时间看了下EasyUI插件,对它的插件感觉是很舒服,特地把Easy UI的大部分功能属性做了一下汇总。有问题可以访问http://www.jeasyui.com/index.php。 属性分为CSS片段和JS片段。 CSS类定义: 1、div easyui-window 生成一个window窗口样式。 属性如下: 1)modal:是否生成模态窗口。true[是] false[否] 2)shadow:是否显示窗口阴影。true[显示] false[不显示] 2、div easyui-panel 生成一个面板。
如何编码访问控件的属性的子属性
例如:rn 如何访问 窗体控件Form1中的属性 biSystemMenu 中的 biMinimizern rn Form->biSystemMenu->biMinimize=false;rn 这条语句是错误的。如何改?rn 谢谢!!!!!!!
GridView的Field属性在哪???
我需要对数据库取得的数据字段进行编辑设定,这要用到GridView的Field属性,但我在GridView控件的属性菜单下始终没找到Field属性栏目。。rn 我不得不承认这是个毫无技术含量的问题。。rnrn
显示FIELD的属性
怎么显示数据库中每个字段的属性,显示在memo中,50分,谢谢
jquery easyui datagrid:使columns的field支持点连接的字符串属性
javascript语法为我们提供了两种方式获取一个对象的属性:点字符连接和[]方式。使用[]可以很方便的将一个属性通过字符串的方式获取。但是javascript并没有提供点连接的字符串属性访问方式,例如: var person={name:{first:"lily",last:"wang"}, addr:{addr1:"beijing",addr2:"zhongguo"}}; alert(...
让IE支持placeholder属性
jQuery JPlaceholder Demo                                           登录
easyui datagrid 使用url属性报错 data属性就没有问题
![![图片说明](https://img-ask.csdn.net/upload/201703/23/1490274500_582086.png)![!图片说明](https://img-ask.csdn.net/upload/201703/23/1490274487_553528.png)
如何让IE8支持css3属性
border-radius/box-shadow/gradient 圆角、盒子阴影、渐变这几个属性可以使用 ie-css3.htc来实现IE低版本的兼容,CSS代码如下:  .pie_radius{  width:360px;  height:200px;  background-color:#34538b;  -moz-border-radius:8px;  -webkit-bor
如何获取easyui linkbutton的属性
easyui 的linkbutton在设置了toggle为true之后,我想代码获取这个linkbutton是否被选中rn我使用$("#btn_test").linkbutton("options").selected 要报错说无法获取属性“nodeName”的值: 对象为 null 或未定义,rn同样获取本身的其他属性也没法$("#btn_test").linkbutton("options").text,$("#btn_test").linkbutton("options").iconCls这些都不行,请问应该怎么做呢?
easyui datagrid 动态改变单元格editor编辑属性
需求如下:rn [img=https://img-bbs.csdn.net/upload/201508/15/1439617784_460640.png][/img]rn根据porduct列选择的类型,动态更改List Price列的编辑属性类型。rnporduct列选择的类型有"numberbox","combobox","datebox",rn己知绑定onSelect方法可能获取到当前选择的类型,请问如何动态绑定,谢谢!
EasyUI DataGrid使用formatter属性实现自定义功能
牛人,离我居然这么近: [url]http://notebookdong.iteye.com/blog/1868655[/url]
easyui - datagrid 加载二级对象属性
在easyui 的datagrid中,是不支持加载对象的子属性的。     两种方法解决,第一种,修改js文件。抱歉,我不会。     第二种,formatter方法,可以接收:     下边是案例:         1.数据格式:{     "total": "2",     "rows": [         {             "hpsExplanationSug
easyUI中datagrid的column属性的介绍
1,column中formatter函数中参数的含义 示例: val:kk2(和field属性对应) row:Object {id: "", memberId: "", loginname: "", memName: "", phone: null…}applyer: "客服001"} index:0 val:kk2 row:Object {id: "", memberId:
EasyUI中datagrid设置分页及各种属性
使用手册:http://www.runoob.com/jeasyui/plugins-dt-datagrid.html $('#data-list').datagrid({ width: 880, nowrap: true, singleSelect: false, rownumbers: tru...
easyUI datagrid 显示json内部关联对象属性
html代码:<th field="distinguish" width="25%" align="center" formatter="distinguishFormat"> 区域 </th> js代码 属性格式化function distinguishFormat(val,row){ if(val) return val.name;
easyui datagrid 得到所有列属性
[code=&quot;javascript&quot;] var sss=$('#tt').datagrid('options').columns; for(var i=0; i
EasyUI支持属性的子属性,即(field.sonfield形式或者格式化程序形式)
网上找了一下,EasyUI本身是不支持这种方式的,但是现在这种方式还是很常见的,所以有2中方式去实现它,1是修改原代码即jquery.easyui.min.js文件,2是添加formatter函数,因为我是封装的缘故,采用第二种方式会添加很多不必要的麻烦,所以我还是采用第一种修改源代码的方式, 这里参考了:参考这篇文章; 但是,根据他的方式我一直找不到对应的修改地方,可能是因为EasyUI版本的
自定义控件如何显示子属性?
如题,最好有代码,谢谢大侠们!rn
DOJO datagrid 子对象属性显示问题
大家好!rnrn在使用DOJO的dojox.grid.DataGrid时,把store链接到了ItemFileReadStore上面。rn返回的JSON的结构是一组Person对象,rnPerson对象里面有Name等属性,同时也有一个子对象Category,Category对象也有它自己的属性。rnrn现在的问题是Person对象的属性可以通过Datagrid的filed属性来指定并且正常显示,但是Category的属性不能用filed来指定。rnrn请问如果要把子对象Category的属性显示出来,应该如何配置?rnrn谢谢!rn
如何让属性可以在属性窗口设置?
我有一个自定义的GUID类型的PUBLIC属性,如何让它在属性窗口可以设置?谢谢
DataGrid的属性
在DataGrid(WinForm)里的单元格的数据显示的位置是靠上面的,我想把这个单元格的数据居中,是哪个属性啊,我找了好久也没找到,
datagrid的属性
datagrid的datasource和datamember属性怎么填?rn请举个例子
EasyUI获取页面属性
其实就是获取到 options 对象。 如:获取排序字段sort:$('#dg').datagrid('options').sortName获取排序方式order:$('#dg').datagrid('options').sortOrder以此类推
easyui的formatter属性的用法
http://blog.csdn.net/u010523770/article/details/51838989
EasyUI的图片显示————formatter属性
JavaScript部分 function formatImg(value,row,index){          if(value){         return &quot;&amp;lt;img src='${pageContext.request.contextPath }/img/&quot;+value+&quot;' style=width:80px;height:50px;&amp;gt;&quot;            ...
easyui 属性总结
easyui 的属性总结,全面,易懂。几乎包含所有easyui的属性。
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池