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);
回到主题。jquery 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中第6769行:
cc.push(eval("_4ea['"+_4ec.replace(/\./g,"']['")+"']"));
//cc.push(_4ea[_4ec]); //源代码
这样就可以很好的支持person.name格式的field了
分享到:
相关推荐
jquery easyui demo 网页下载下来打包了,还有datagrid简要说明
jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!
本文给大家分享jQuery EasyUI编辑DataGrid用combobox实现多级联动效果的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
jquery easyui datagrid 性能优化,优化后可快速提升查询性能。唯一的缺陷就是不支持可编辑grid了。只需要在引入easyui.js后面引入此js即可。
jquery easyui datagrid demo 详解 增删改查
jqueryEasyUI中的dataGrid实现的表格的增删改查,后台使用servlet,有数据库源码
jquery easyui datagrid 教程的部分应用。
easyUI拓展:获取当前datagrid中在编辑状态的行编号列表,直接使用即可
两种方法将easyui datagrid 中的数据导出到Excel中,均以验证可以正常使用
JQuery EasyUI DataGrid服务端分页加载数据后,DataGrid行号不能延续,总是重新由1开始。因为服务端分页取回的是单页数据,通过LoadData方法加载数据后,pageNumber属性被初始化为1,因此行号总是重新由1开始。现在...
jquery easyui 扩展 datagrid 自定义动态隐藏显示列
JS EasyUI DataGrid动态加载数据
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
EasyUI DataGrid过滤用法实例
easyUI datagrid 自动调整行号大小
easyui datagrid editor回车切换单元格示例,适合熟悉easyui但又不懂如何做的人员,可能参考一下源码JS。
jquery.easyui.datagrid自动合并列扩展,支持多列合并。 用法:加载成功后 $('#'+tab).datagrid("autoMergeCells",['列名','列名']);
UI设计在一个系统中的重要性是不容忽视的,我们开发人员要做到:让用户去控制...给你的Easyui-DataGrid 表头添加一点料吧 Easyui-Datagrid—表头灵活显示http://blog.csdn.net/u010293698/article/details/47956865
easyui datagrid表格打印,支持formatter格式化数据的打印,还原的最初datagrid 的表格数据
easyUI datagrid合并单元格的两种方法 都实现了按照子对象的属性合并单元格的需求 调用方式也很简单调用方式: $(tableID).datagrid("autoUnrelatedMergeCells", ["role.name", "num"]);