企业应用制作——复杂组件及数据联动

zyj0424

企业应用制作

                                                ——复杂组件及数据联动

在上一节中我们重点介绍了一下主从表的使用，那么这一节在上节表单的基础上，把输入框组件替换为其他组件，并关联上相对应的数据。

在介绍组件之前，我们要为接下来的数据交互做准备，因为采购审批业务会用到采购基础资料中的数据，所以我们要先引用采购基础资料。鼠标悬停在采购审批业务上，点击引用其他业务，在弹出框中选中采购基础资料，这样在采购审批中就可以引用采购基础资料的数据了。

首先打开上节做的采购计划申请页面，把页签切换到详细页，然后按照字段替换其对应的输入框组件或设置其默认值，计算等。

1.申请时间，日期字段

该字段对应的是输入框组件，我们希望它有一个当前日期的默认值，所以为mainData编辑规则，选中申请时间，日期，其默认值设置为new Date()。

2.供货商，公司名称，联系人字段

这三个字段我们就需要用到在供应商资料录入页面所存入的数据了，并且我们希望根据选择的供应商自动带出其所对应的公司名称和联系人。所以现在把供应商对应的输入框换为下拉表格组件；接下来就要准备下拉数据了，选中数据模型组件，添加业务数据组件，其编号改为supplierData；数据对象选择供应商资料录入。数据准备好之后，选中下拉表格组件，配置其对应的属性。

引用为$model.mainData.ref("fgsmc")；显示名引用为$model.mainData.ref("fghs")；扩展引用为$model.mainData.ref("flxr")；

下拉选项中引用数据为supplierData；下拉值为supplierData的fgsqc；下拉显示名为supplierData的fgysmc；下拉扩展为supplierData的flxr。

3.采购申请人字段

该字段我们希望它默认显示的是当前登录人员的名字，所以我们在数据设计中，选中该字段，高级下设置其默认值为当前人的Name().

4.支付方式、是否有发票字段

这两个字段我们希望它是以单选按钮的呈现方式。把其对应的输入框换为单选按钮并配置其属性。主要设置以下属性，引用为$model.mainData.ref("对应的字段")；名设置为任意，但一组的必须保持一致；标签、值、选中时值三者一致。

5.物品编号，规格，单价字段

这部分的设置与2类似，不做具体介绍，配置如下所示：

6.小计字段

小计是数量与单价的乘积，所以需要给小计设置计算。detailData编辑规则，选中小计计算设置为($row.val("fsl") == null  || $row.val("fdj") == undefined)?0 : (row.val("fsl") * $row.val("fdj"))。

7.采购总计字段

采购总计我们要让它在表单中显示，而不是在列表中显示，所以我们要把列表中的采购总计字段列不显示，在表单处加上采购总计。

选中采购总计列，把其列是否隐藏选为是。

为最后一行表单组添加两列，第一列为2/12,放一个标签，其动态文本设置为detailData.label("fcgzj")；第二列为4/12,放一个输入框，其引用设置为$model.detailData.ref("fcgzj")。

最后，采购总计应为采购清单中所有小计的和，所以为采购总计设置计算，detailData编辑规则，选中采购总计，计算设置为$model.detailData.sum("fxj")。

本节的组件和数据联动就介绍到这里，在下一节（http://bbs.wex5.com/forum.php?mod=viewthread&tid=118512）中我们将介绍审批流程。