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 함수를 통해 우리는 대상 속성의 귀속을 실현할 수 있다.