easyUI中datagrid中的formatter里面向后台发送请求获取数据

easyUI的datagrid的用法就不说了，可以查API。

现在有个需求，用户列表中得到的是角色的id，但是需要显示角色的名称，所以要在formatter中通过roleId获取roleName，方法如下：

{field:'typeId',title:'用户角色',width:100,sortable:true,align:'center',formatter:function(value,row,index){
var htmlObj = $.ajax({
url : "../queryRoleById",
type : "post",
async : false,
data : {id:value}
});
var text = htmlObj.responseText;
var json = JSON.parse(text);
return json.name;
}}typeId就是User实体类中的角色id字段，text就是后台查询获得的Role实体类，把text转成JSON，获取角色的name属性。
后台：

/**
* 根据id查询角色
* @param request
* @param response
* @return
* @throws Exception
*/
@RequestMapping(value="/queryRoleById", method={RequestMethod.POST,RequestMethod.GET})
@ResponseBody
public Role queryRoleById(HttpServletRequest request, HttpServletResponse response) throws Exception{
logger.info("Query role by id...");
String id = request.getParameter("id");
return roleService.queryRoleById(id);
}介样就OK啦啦啦啦~~