使用动态表功能将一个hasMany属性在页面上分类显示?

在2014-06-17 17:23上被李小翔修改

评论 (0) · 附件 (2) · 记录 · 信息

考虑下面的需求：在HR系统中，需要录入员工的家庭成员信息，而家庭成员分为配偶、子女、其他三大类，配偶需要填写较多的信息，而子女、其他类只需要填写较少的信息，如下图所示。

需求表格.png

将家庭成员设计为一个Domain类，使用 relationship（关系）来区分其类别，Domain类如下所示：

/**
* 员工
*/
class Employee {

    String name

   /** 家庭成员 */
   static hasMany = [familyMembers: FamilyMember]

}

/**
* 家庭成员
*/
class FamilyMember {

   /** 员工 */
    Employee employee
   static belongsTo = [employee: Employee]

   /** 关系：配偶、子女、其他（父亲、母亲...） */
    String relationship
   public static final String REL_MATE = "mate"            // 配偶
   public static final String REL_CHILDREN = "children"    // 子女

   /** 姓名 */
    String name
   /** 出生日期 */
    Date birthdate
   /** 民族 */
    String nation
   /** 户籍 */
    String hukou
   /** 政治面貌 */
    String politicalStatus
   /** 工作时间 */
    Date workingDate
   /** 学历 */
    String education
   /** 联系电话 */
    String phone
   /** 毕业院校及专业 */
    String school
   /** 工作单位 */
    String company
   /** 职务 */
    String position

   /** 性别 */
    String gender

}

视图（或控制器）中，先根据 relationship 属性将所有家庭成员分类为配偶、子女和其他：

FamilyMember mate = employeeInstance.familyMembers.find{it.relationship == FamilyMember.REL_MATE} // 配偶
List<FamilyMember> children = employeeInstance.familyMembers.findAll{it.relationship == FamilyMember.REL_CHILDREN}.toList() // 子女
List<FamilyMember> others = (employeeInstance.familyMembers - children - mate).toList() // 其他

然后，视图开发时，只需要按照下面的步骤处理，即可使用动态表功能实现分类显示与自动保存：

将视图分为三段：配偶、子女、其他，每段显示和处理不同的数据。如配偶段处理对象 FamilyMamber mate，子女段处理列表 children、其他段处理列表 others
只有子女和其他两类使用了动态表标签 g:dynamicTable，其前缀均设为 fm（通过checkboxField属性），各个字段均以 fm 开头，如 fm.name、fm.gender 表示家庭成员的名称、性别；
- 而配偶段同样采用 fm 前缀来命名HTML元素，以便后台自动解析、合并
- 两个动态表中，为了全选的 checkbox 和增/删行的功能运行正常，动态表名称设为不一样，一个为 familyMembersChildren、familyMembersOthers
为了保证提交的顺序、数据对应关系正确，每段数据中都包含全部属性（即便没有使用）的HTML元素：
- 如配偶段，使用 g:hiddenField 将 fm.relationship 设置为 FamilyMember.REL_MATE
- 如子女段，将没有使用的 fm.nation、fm.hukou 等字段均设为空

完整的视图代码如下：

最终效果如下图所示：

实现效果.png

标签： BroFramework 动态表

在2014-06-17 17:18上被李小翔创建

使用动态表功能将一个hasMany属性在页面上分类显示?

快速链接