项目档案

功能目标

以【左树右卡】系统预制模板实现, 右侧卡片修改为主子页面

效果图

创建应用

图 1

元数据

项目档案

操作 描述
名称 项目档案
编码 itemdoc
父实体
引用接口 树型结构、自动编码
属性 编码 名称 类型 引用
name 名称 文本
Unit 物料计量单位 单选引用 物料计量单位
workload 设计工程量 数值

工程特征

操作 描述
名称 工程特征
编码 project_trait
父实体 项目档案
引用接口
属性 编码 名称 类型 引用
name 特征值名称 文本
Unit 物料计量单位 单选引用 物料计量单位
trait_value 特征值 文本

功能实现

新建页面

新建左树右卡页面,注意勾选生产参照

图 2

发布参照

图 3

修改布局

进入页面设计器

图 4

根据图5位置新建多页签

图 5

根据图6位置新建表单

图 6

选中多页签,右键打开编辑器,Ctrl+C【复制内容】,

图 7

选中表单,右键打开编辑器,记录nid

图 8

多页签编辑器内容覆盖表单内容,记录的nid替换复制的内容

图 9

删除原有多页签

图 10

选中多页签,新增表格

图 11

图 12

图 13

图 14

图 15

图 16

图 17

调整布局

图 18

图 19

配置工程特征物料参照

  • 复制物料计量单位的cRefType

图 20

  • 编辑工程特征的物料计量单位,粘贴复制的cRefType 增加 "cRefRetId": "{\"Unit\":\"id\"}",

图 21

图 22

图 23

  • 增加增行按钮

图 24

图 25

修改按钮编码为 btnAddRow+表格数据源编码 目的:利用系统预制,控制按钮显示

数据源编码:project_trait01

图 26

修改按钮cItemName和uikey 为btnAddRowproject_trait01

图 27

  • 增加删行按钮

图 28

修改按钮编码为 btnDeleteRow+表格数据源编码 目的:利用系统预制,控制按钮显示

修改按钮cItemName和uikey 为btnDeleteRowproject_trait01

图 29

  • 保存

图 30

函数扩展

表格增行/删行事件

图 31

function (event) {
  var viewModel = this;
  var gridModel = viewModel.getGridModel();

  //增行事件 btnAddRowproject_trait01为增行按钮编码
  viewModel.get('btnAddRowproject_trait01').on('click',function(){
    gridModel.appendRow({});
  });


  //删行事件  btnDeleteRowproject_trait01为删行按钮编码
  viewModel.get('btnDeleteRowproject_trait01').on('click',function(params){
    gridModel.deleteRows([params.index])
  });
}

测试

图 32

图 33

Copyright © 用友客户成功部 2020 all right reserved,powered by Gitbook修订时间: 2020-12-22 11:24:59

results matching ""

    No results matching ""