datagrid的columns属性支持对象的子属性（类似user.userName）的方法

最新推荐文章于 2022-10-25 14:27:48 发布

考研小号

最新推荐文章于 2022-10-25 14:27:48 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JSON-JQuery-EasyUi

本文链接：https://blog.youkuaiyun.com/a13223955929/article/details/54393997

JSON-JQuery-EasyUi 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用MyBatis实现供应商类型与供应商信息的一对一首查询，通过配置映射文件实现复杂对象的关联，并展示了如何在前端正确展示关联对象的特定属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由供应商类型查询类型名称, 涉及两个表的一对一查询

SupplierType .java 供应商类型	Supplier .java 供应商
public class SupplierType { private Integer supTypeId; private String supTypeName; private Supplier supplier; Get ... Set ... }	public class Supplier { private Integer supId; //编号 private String supName;//供应商名称 private String supLinkman;//联系人 private String supPhone;//电话 private String supAddress;//地址 private String supRemark;//备注 private double supPay ; //期初应付 private String supType ;//类型 private SupplierType supplierType; Get ... Set ... }

Mapper配置文件

SupplierMapper.xml

<resultMap id="supplierMap" type="ndd.ssm1.entity.Supplier" >

<id column="sup_id" property="supId" jdbcType="INTEGER" />

<result column="sup_name" property="supName" jdbcType="VARCHAR" />

<result column="sup_linkman" property="supLinkman" jdbcType="VARCHAR" />

<result column="sup_phone" property="supPhone" jdbcType="VARCHAR" />

<result column="sup_address" property="supAddress" jdbcType="VARCHAR" />

<result column="sup_remark" property="supRemark" jdbcType="VARCHAR" />

<result column="sup_pay" property="supPay" jdbcType="VARCHAR" />

<result column="sup_type" property="supType" jdbcType="VARCHAR" />

<collection property="supplierType" resultMap="ndd.ssm1.dao.SupplierTypeMapper.supTypetMap"/>

</resultMap>

</mapper>

SupplierTypeMapper.xml

<resultMap id="supTypetMap" type="ndd.ssm1.entity.SupplierType" >

<id column="sup_type_id" property="supTypeId" jdbcType="INTEGER" />

<result column="sup_type_Name" property="supTypeName" jdbcType="VARCHAR" />

</resultMap>

</mapper>

list.jsp dataGrid

columns:[[
{checkbox:true},
{field:'supId',title:'供应商编号',width:100},
{field:'supName',title:'供应商姓名',width:100},
{field:'supLinkman',title:'联系人价格',width:100},
{field:'supPhone',title:'电话',width:100},
{field:'supAddress',title:'地址',width:100},
{field:'supRemark',title:'备注',width:100},
{field:'supPay',title:'期初应付',width:100},
{field:'supplierType',
formatter : function(value,row,index){
if (row.supplierType){
return row.supplierType.supTypeName;
} else {
return value;
}},
title:'供应商类型',width:100}
]]

说明：我的后台传给前台datagrid的数据有total和rows，它们的格式如下：

即rows里面的每个对象都有supId、supplierType、supName等属性，而属性supplierType本是一个对象，里面有supTypeId、supTypename这几个属性。现在需要把supplierType里面的supTypename给显示出来，因为直接在field中这样写 fileld:"field:supplierType.supTypename',这样在前台是显示出不来这一列的，因为fileld的格式不支持点操作符的用法。所以应该用easyui的api中的datagrid自带的一个格式化函数formatter(),formatter的具体说明请查阅api

   {field:'supplierType',
   formatter : function(value,row,index){
   if (row.supplierType){
   return row.supplierType.supTypeName;
   } else {
   return value;
   }},
   title:'供应商类型',width:100}
   ]]