easyui datagrid:columns field支持点连接字符串属性

发布时间:2019-09-06编辑:脚本学堂
jqueyr easyui datagrid:columns field支持点连接字符串属性,jquery easyui datagrid的coloumns的属性定义方式,需要的朋友参考下。

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了。