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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/k469785635/article/details/77852369

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啦啦啦啦~~