企业应用制作——简单组件和数据联动

zyj0424

企业应用制作——简单组件和数据联动

在上一节中我们介绍了如何用空白模版建一个页面，但最后我们发现所有的表单项都需要手动录入，操作人员的工作量会很大，那么如何使操作省时又省力呢？这里就需要我们的组件和联动操作帮忙了。

1.组件的使用

首先我们在设计页面中打开供应商资料录入对话框页面，在这个页面中我们希望‘供应商等级’是可以下拉选择的，‘公司地址’可以根据省市县联动选择，‘性别’可以是单选按钮选择，所有我们就可以用以下的组件。

(1)下拉列表组件

将供应商等级下的输入框组件右键删除，再放一个下拉列表组件；供应商等级的下拉值为静态数据，所以选中数据（Model）组件，添加静态数据，其标签设置为degreeData，然后依次编辑列，编辑数据。数据准备好之后，就需要给下拉组件配置相应的属性。

选中下拉列表组件，在其属性栏里，引用为$model.mainData.ref("fgysdj")；下拉数据为刚建的degreeData；下拉值为degree列。

(2)省市县选择组件

在公司地址后放一个省市县选择组件，省的引用为$model.mainData.ref("fs")；

市的引用为$model.mainData.ref("fs1490078120834")，省的引用为$model.mainData.val("fs")；

县的引用为$model.mainData.ref("fx")，市的引用为$model.mainData.val("fs1490078120834")；

将输入框的引用改为$model.mainData.ref("fxxdz")。

mainData右键编辑规则，选中公司地址，为其设置计算为为$row.val("fs") + $row.val("fs1490078120834") + $row.val("fx") + $row.val("fxxdz")。

(3)单选按钮组件

删除性别下的输入框组件，放两个单选按钮，进行如下的配置：选中单选按钮，引用为$model.mainData.ref("fxb")，名为radio，标签、值、选中时值为男；另一个单选按钮只需把标签、值、选中时值设为女，其他跟第一个一样。

2.联动操作的设置

我们希望实现根据供应商等级的选择自动带出折扣，我们就需要给折扣字段设置计算。默认供应商等级为一等时，折扣为8.8，当选择二等时，折扣变为9.0，选择三等时，折扣为9.5。

mainData右键编辑规则，先选中供应商等级，默认值设为‘一等’；再选中折扣，计算设置为($row.fgysdj(供应商等级).值 == '一等')?'8.8'($row.fgysdj(供应商等级).值 == '二等')?'9.0':'9.5')。

3.预览结果

新增一条数据，如下所示：

本节组件和数据联动就介绍到这里，你学会了吗？

在下一节（http://bbs.wex5.com/forum.php?mod=viewthread&tid=118409企业应用制作——打包部署）我们将介绍如何打包，部署及发布为模版。