easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
来源:互联网 发布:ubuntu 16.04 gnome 编辑:程序博客网 时间:2024/06/05 22:58
所谓为了支持某属性的子属性,主要为了解决。在服务器返回的json格式的数据的某个属性带有自属性,而我们恰恰又需要使用到该子属性作为我们的datagrid的某个字段的。默认情况下datagrid只能支持一级属性字段(属性的属性字段属于二级字段)。
对于这个问题的解决方案有两种方式
1、就是更改esayui源文件,是其支持field.sonfield的形式。
javascript语法为我们提供了两种方式获取一个对象的属性:点字符连接和[]方式。使用[]可以很方便的将一个属性通过字符串的方式获取。但是javascript并没有提供点连接的字符串属性访问方式,例如:
- var person={name:{first:"lily",last:"wang"},
- addr:{addr1:"beijing",addr2:"zhongguo"}};
- alert(person.name.first);
- alert(person['name']['first']);
- alert(person['name.first']);//不支持
可以采用下面方式根据点连接的字符串获取对象属性值的属性值。
- var str='name.first';
- var test=eval("person['"+str.replace(/\./g,"']['")+"']");
- alert(test);
而 easyui datagrid的coloumns的属性定义方式:
- {title:'姓名',field:'name',width:60},
- {title:'联系方式',field:'phone',width:100},
它的field不支持点字符连接的字符串模式
- {title:'姓名',field:'person.name',width:60},
- {title:'联系方式',field:'person.phone',width:100},
而实际通过ajax从服务器获得的json往往需要使用点连接符的字符串获取属性值。
修改jquery.easyui.min.js中第8670行:
- //var _644=_641[_643];//可能解决问题
- var _644=eval("_641['"+_643.replace(/\./g,"']['")+"']");
这样就可以很好的支持person.name格式的field了
备注一下:我用额esayui是1.3.3版本的。免得大伙找半天找不到对应的地方
第二种方案就是采用formatter格式化方法来实现
例如:服务器返回的数据是
- [{"id":{"tagId":"A0001","timeCs":{"time":1371657600000}},"readerIds":"jing;isnig;sning"}]
而应用过程中需要使用到id属性下的tagId子属性。我们可以将field的属性直接赋值为id属性,而后通过转换函数来实现。
示例如下:
- columns:[[
- {field:'id',title:'卡号',width:20,formatter: function(value,row,index){
- if (value.tagId){
- return value.tagId;
- } else {
- return value;
- }
- }},
- {field:'id',title:'时间',width:20,formatter: function(value,row,index){
- return new Date(value);
- }}
- ]]
有个问题需要补充一下:上面的两个field为id的这种情况是通不过的。对于要展示同一个属性字段下的两个子属性建议采用第一种方案解决。或者两种结合的方式解决。
- easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
- easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
- easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
- easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
- springmvc+easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
- EasyUI支持属性的子属性,即(field.sonfield形式或者格式化程序形式)
- jquery easyui datagrid的field支持子属性即field.attr格式(1.3.2)
- easyui field 获取对象子属性的值
- datagrid的columns属性支持对象的子属性(类似user.userName)的方法
- 让datagrid中的columns属性支持对象的子属性(类似user.userName)的方法
- datagrid中field 对象的属性
- easyui field 获取对象属性的值
- Lucence的Field属性整理
- easyUI dategrid field 用formatter显示子属性
- 当使用EasyUI时,需要的Field属性是子属性时候,除了formatter和修改jquery.easyui.min.js的方法
- Lucene-Field.Store的Field.Index属性笔记
- Field 的使用,遍历对象的属性
- 控制easyUI datagrid field里面显示的内容
- Play framework 框架入门学习文档(play-1.2.3)
- LIB和DLL的区别与使用
- 读写文件速度测试的注意事项
- android 从assets和res中读取文件
- c#+windows api SetWindowsHookEx 全局钩子 demo 下载
- easyui datagrid columns的field支持属性的子属性(field.sonfield形式或者格式化程序形式)
- [歪谈]物质激励如果不管用了,不妨试一试精神管理
- 课程设计(图书信息管理系统)
- Linux 的 Shell
- PSYoungGen ParNewGeneration DefNewGeneration等名词解释
- 加入外键产生错误码
- easyui之关闭窗口时触发关闭事件
- 四、面向对象 对象扩展与成长
- linux下tar.gz、tar、bz2、zip等解压缩、压缩命令小结