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