jquery easyui datagrid：使columns的field支持点连接的字符串属性

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了