jeesite主子表实现数据绑定的两种方法

---

前言

本文讲述利用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页面

---

效果