jQuery EasyUI datagrid 不同列用同一 field 输出时没有 formatter 问题

最新推荐文章于 2020-12-16 10:14:48 发布

原创最新推荐文章于 2020-12-16 10:14:48 发布 · 3.9k 阅读

1 ·

CC 4.0 BY-SA版权

Js 专栏收录该内容

14 篇文章

订阅专栏

在使用jQuery EasyUI的datagrid时，遇到一个问题，即当多列使用同一个field（如username）时，后几列的formatter功能失效。解决方法是将后两列的field更改为不同的名字或者使用不存在的字段名，这样formatter就能正常工作了。

在输出表格的时候，当我第一列引用了 username，最后两列分别为修改用户，修改用户权限，

这两列都引写了username，格式如下：

<tr>
	<th data-options="field:'username'">用户名</th>
	<th data-options="field:'email'">邮箱地址</th>
	<th data-options="field:'username',
		formatter: function(value,row,index){
			return page.formatter.buttonFormat('修改用户','修改用户”'+value+'“','modifyUserData.action?username='+encodeURI(encodeURI(value)));
	},align:'center'">修改</th>
	<th data-options="field:'username',
		formatter: function(value,row,index){
			return page.formatter.buttonFormat('修改权限','修改”'+value+'“的权限','modifyUserPermission.action?username='+encodeURI(encodeURI(value)));
	},align:'center'">权限</th>
</tr>

但输出的时候，后两列 formatter 不起作用。后来发现要把后两列的 field改为其它或改为不存在的名字就可以。

如：

<th data-options="field:'a',
	formatter: function(value,row,index){
		var value = row.username;
		return page.formatter.buttonFormat('修改用户','修改用户”'+value+'“','modifyUserData.action?username='+encodeURI(encodeURI(value)));
},align:'center'">修改</th>
<th data-options="field:'b',
	formatter: function(value,row,index){
		var value = row.username;
		return page.formatter.buttonFormat('修改权限','修改”'+value+'“的权限','modifyUserPermission.action?username='+encodeURI(encodeURI(value)));
},align:'center'">权限</th>