主子表代码生成

前言一、树形调用实现1.引入选择器效果图 二、正常表集合实现1.引入标签实现手写多选框2.修改form页面的显示效果

---

前言

本文讲述利用jeesite框架实现主表与子表的数据绑定的两种办法

---

一、树形调用实现

1.引入选择器

代码如下（示例）

<div class="col-xs-6"> <div class="form-group"> <label class="control-label col-sm-4" title=""> <span class="required hide">*</span> ${text('内容(树分类)')}：<i class="fa icon-question hide"></i></label> <div class="col-sm-8"> <#form:treeselect id="testTextarea" title="${text('树分类选择')}" path="testTextarea" labelPath="testUserCode.userName" url="${ctx}/demo/demoTree/treeData?isLoadUser=true" class="userName" alloClear="true"/> </div> </div> </div>

如上图所示，指定标签为选择器，并通过id绑定表属性，url绑定数据来源

效果图

如上图所示数据最终将存储到“内容”对应的表属性testTextarea中

二、正常表集合实现

1.引入标签实现手写多选框

代码如下（示例）

<#form:select path="remarks" items="${demoTreeList}" multiple="true" itemLabel="treeName" itemValue="treeCode" class="form-control" />

2.修改form页面的显示

1.需要找到页面对应的控制层 2.找到“form”接口，并修改接口内容

代码如下（示例）：

@Autowired private DemoTreeService demoTreeService; /** * 查看编辑表单 */ @RequiresPermissions("demo:demoData:view") @RequestMapping(value = "form") public String form(DemoData demoData, Model model) { model.addAttribute("demoData", demoData); //将tree的list集合给form model.addAttribute("demoTreeList",demoTreeService.findList(new DemoTree())); return "modules/demo/demoDataForm"; }

上图红色标记位置的代码为添加的内容，具体是为了将list返回为form页面

---

效果