How the DataGrid control column in Easyui binds properties in an object

The DataGrid control in Easyui is one of the controls that we often use,

However, the DataGrid control does not support object property binding when it is bound to display columns.

The model is as follows:

2. Public class Manager implements Java.io.Serializable {
6. private Integer ID;
8. private role role;
10. private String LoginName;
12. private String password;
14. private int status;
16. private Date lastdate;
18. private Date createat;
20. private String remarks;
24. //Omit get and set
26. }

Where role is an object

2. <table id="Manager_datagrid" >
4. <thead>
6. <tr>
8. <th data-options="field: ' LoginName '" > Account </th>
10. <th data-options="field: ' Role ', Formatter:managerroleformat" > Jobs </th>
12. <th data-options="field: ' Createat '" > Creation time </th>
14. <th data-options="field: ' Lastdate '" > Last login Time </th>
16. <th data-options="field: ' Status ', Formatter:managerstatusformat" > Status </th>
18. <th data-options="field: ' Remarks '" > Remarks </th>
20. </tr>
22. </thead>
24. </table>

1. function Managerroleformat (val,row) {
2. if (val) return val.rolename;
3. Else return "";
4. }

1. function Managerstatusformat (val,row) {
3. Switch (val) {
4. Case 0: return ' deactivate ';
5. case 1: return ' normal ';
6. default: return ';
7. }
8. }

This allows us to implement the binding of object properties by Easyui The formatter function we provide.

How the DataGrid control column in Easyui binds properties in an object