`

EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性

 
阅读更多


EasyUI 中 DataGrid 控件 是我们经常用到的控件之一,

但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定。

 

模型如下:

 

public class Manager implements java.io.Serializable {
       
	private Integer id;
	private Role role;
	private String loginName;
	private String password;
	private int status;
	private Date lastDate;
	private Date createAt;
	private String remarks;

         //省略 get and  set
}

 其中Role 是一个对象

 

 

 

 

<table id="manager_datagrid">
 <thead>
	<tr>
	  <th data-options="field:'loginName'">帐号</th>
	  <th data-options="field:'role',formatter:managerRoleFormat">所属岗位</th>
	  <th data-options="field:'createAt'">创建时间</th>
	  <th data-options="field:'lastDate'">最后登录时间</th>
	  <th data-options="field:'status',formatter:managerStatusFormat">状态</th>
	  <th data-options="field:'remarks'">备注</th>
	</tr>
 </thead>
</table>

 

 

 

function managerRoleFormat(val,row){
	if(val) return val.roleName;
	else return "";
}

 

function managerStatusFormat(val,row){
			
switch(val){
  case 0: return '停用';
  case 1: return '正常';
  default: return '';
  }
}

 

 

这样通过 EasyUI 给我们提供的 formatter  函数 我们就可以实现 对象属性的绑定.

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics