...
2)在左侧布局控件区找到行()控件,双击或者拖拽的方式,将行控件放入画布区;
3)选中画布区的行中的第一列,调整占位个数为8格,同样的方式调整第二列为16格(一行总占位格为24格)。3)选中画布区的行中的第一列,调整占位个数为8格,同样的方式调整第二列为16格(一行总占位格为24格)。也可以通过拖拽两列之间的深绿色块控制布局比例。
图-行布局属性设置
1.3 单对象控件-分组框
为了让右侧零部件信息分类更一目了然,可以在布局内添加一个“分组框”控件,建模过程如下:
...
2)选中画布区分组框控件,右侧滑出的分组框属性编辑区设置分组框的标题为“零件信息”。
1.4 单对象控件-
...
上传附件
根据案例中零部件信息维护表单的设计,左侧为零部件图片,右侧为零部件基本信息。DWF提供了附件控件,用于展示需要文件、图片、音频、视频类型的文件。根据案例中零部件信息维护表单的设计,左侧为零部件图片,右侧为零部件基本信息。DWF提供了”上传文件“控件,用于展示需要文件、图片、音频、视频类型的文件。
1)找到左侧控件区-单对象控件区域内的附件(单对象控件区域内的上传文件 ),拖至第一列中;
2)选中画布区的附件,右侧出现附件属性编辑区。在目标属性处,为附件控件绑定“零件图片partImg”属性;2)选中画布区的“上传文件”,右侧出现“上传文件”属性编辑区。在目标属性处,为”上传文件“控件绑定“零件图片partImg”属性;
3)附件绑定目标属性后,会默认显示一个与属性同名的标签。从用户体验角度考虑,可去掉标签名,使页面更简洁;3)”上传文件“绑定目标属性后,会默认显示一个与属性同名的标签。从用户体验角度考虑,可去掉标签名,使页面更简洁;
4)附件默认的显示方式为文件,可根据业务需要调整附件的显示方式。根据案例设计,将显示方式调整为“图片”;4)上传文件默认的显示方式为文件,可根据业务需要调整”上传文件“的显示方式。根据案例设计,将显示方式调整为“图片”;
5)附件默认高度为0(需建模者根据实际应用场景自定义设置),本案例中将附件的整体高度设置为300px。5)”上传文件“默认高度为0(需建模者根据实际应用场景自定义设置),本案例中将”上传文件“的整体高度设置为300px。
1.5 单对象控件-文本框
字符串类型的属性,可以用文本框来展示和维护数据。例如零件名称、零件规格、零件材质、零件描述等。建模过程如下:
...
这有一个小技巧,如果想要新增、编辑、删除零部件类对象的同时使表格数据及时刷新,需要为按钮绑定的多对象控件id,相当于操作对象后通知多对象控件进行数据自动刷新。设置方式为点击下拉勾选当前画布区域的表格id。
图-按钮绑定多对象控件
2.3 实体类增、删、改表单定制
以上这个表单是业务系统中最常用到的表单实体类增、删、改的表单,比如:通用录、学籍管理、会议室预定系统都会用到类似的业务表单,下面针对实体类增、删、改的表单定制再做个小结:
- 第1步:创建信息录入表单,本例子表单为:SinglePart
- 第2步:创建一个多对象的表格MultiParts,即实体类的信息列表;
- 第3步:增加按钮,通过按钮的事件定义建立2个表单之间的联系。在MultiParts表单上增加3个按钮,分别给“新增”、“编辑”按钮定义事件,事件需要选择:
- 给动作定义英文名、中文名,英文、中文名称最要和默认的”create“、”edit"有区别
- “动作”可选择:create、edit等,还需要再为动作进行定义:
- 选择动作的实体类,本例子选择的“part"
- 选择按钮事件要连接的“表单名称”,本例子中选择“SinglePar”,即数据信息录入的表单
- 删除按钮就选择事件属性定义区单击事件中的基本“删除”操作即可。
通过上述三个步,即可完成实体类增、删、改的表单定制。
信息 | ||
---|---|---|
| ||
|
3.小结
维护单个零部件信息 SinglePart
- 布局控件
- 行、列、分组框
- 单对象控件
- 文本框:文本框类型textarea
- 选择框:自定义下拉内容
- 附件:显示方式、整体高度上传文件:显示方式、整体高度
- 按钮:新增并绑定操作、基本操作
- 行、列、分组框
维护零部件列表 MultiParts
- 布局控件-行、列
- 单对象控件
- 按钮:新增并绑定操作、基本操作
- 多对象控件
- 表格:选择属性、列定制面板引用设置、显示模式
...