7) 主管审批页中申请内容表格复用(复用员工审请页表格),批准,不批准按钮显示设计:
在 TERSUS 开发平台中,复制元件有两种方式,一种是右键 ->Copy,然后在需放置的位置点右键 ->Paste(Reuse) 即可;另一种是选中要复制的元件,然后右键 ->Show in Respository Explorer, 就会在左侧项目目录文件中显示元件在文件中的位置,选中拖放到开发区域中的新位置即可完成复用.将员工申请页中的 "申请信息" 表在此用以上任意方式复用一个.
在主管审批页中放入两个按钮(右侧元件栏 ->Display->Button),分别命名为 "批准"" 不批准 ".
浏览器刷新后显示如下:
8) 采购管理页中供应商信息的上传按钮,上传弹窗,供应商信息表格,申请内容表格复用,需求转采购单按钮,采购单表格设计:
在采购管理面中,放入一个新的分页显示元件(右侧元件栏 ->Display->Tabbed Pane),先保存后命名名为 "采购事务管理"(快捷键 "F2"),将其中的显示块 pane1,pane2 分别重命名 (快捷键"F2") 为" 供应商管理 "," 采购单管理 ":
在 "供应商管理" 分页下,先添加一个按钮(右侧元件栏 ->Display->Button),命名为 "上传供应商",再添加一个新的简单表格(右侧元件栏 ->Display->Simple Table),命名为 "供应商信息表";双击进入 "上传供应商" 元件,双击其内部 <On Click> 元件,添加一个弹窗(右侧元件栏 ->Display->Modal Dialog)命名为 "供应商信息上传",双击进入弹窗及内部的 "<>Body" 并重命名其中 LABEL 元件(快捷键 "F2")为 "上传:",再在 "上传:" 右下添加一个文件输入元件(右侧元件栏 ->Display->File Field).
同上面一样重命名弹窗下面 Footer 中两个按钮(快捷键 "F2")为 "取消"(Close)和 "批量上传"(Save Changes)
浏览器刷新显示:
在 "采购单管理" 分页下,将员工申请页中的 "申请信息" 表在此也复用一个(找到表,右键 ->Show in Respository Explorer, 选中左侧项目目录文件中已变灰显示的元件拖放到新位置),再添加一个按钮(右侧元件栏 ->Display->Button),命名为 "转为订单",双击进入后再双击进入 "<On Click>" 元件,添加一个弹窗元件(右侧元件栏 ->Display->Modal Dialog)并命名为 "录入订单",双击其进入再双击进入 "<>Body",删除 "LABEL" 元件,添加以下带标签的元件(右侧元件栏 ->Display->Selection Labeled Field/Number Labeled Field)命名为 "供应商:" 和 "单价:",退出并进入 "<>Footer", 将 "Close" 按钮改名为 "取消","Save Changes" 按钮改名为 "转为订单":
退出到 "采购单管理" 分页,添加一个复杂表(右侧元件栏 ->Display->Tabl)放入在 "转为订单" 按钮下方,命名为 "订单信息表",浏览器刷新后显示效果如下:
9) 简单表格显示元件中的子元件设置:
简单表中显示内容的添加命名:
双击 "员工申请" 页,双击之前添加的 "申请信息" 表格,表格中有个 "Data" 数据元件(此元件不能改名),其中放了数据类型元件,将其中默认的 "Number" 数据类型元件重命名为 "序号";将 "Date and Time" 删除,添加文本 / 数字 / 日期数据类型(右侧元件栏 ->Data Types->Text/Number/Text/Date/Text)放入并命名为 "品名","数量","申请状态","申请日期" 和 "紧急性".整个设计如下:
在保存时,会弹出一个提示框,其中英文信息指出有一个问题,请查看验证(Validation)栏详情,点确认后,下面验证栏出现信息,其中信息如下:
"Root Model" 指问题所在元件名称;"Package ID" 指问题所在元件在项目文件夹和目录中的位置;"Problem" 是问题是什么(当前是说缺一个元件);"Details" 是问题详细说明(上图中这个是说默认有 "Date and Time" 这个元件,现在没有了);单击这个问题行,然后会在开发区中跳出具体问题对应的显示界面,我们这个问题是因为前面删除了日期时间元件,这是个默认有的元件但被我们删除了,所以弹不出元件但没其他问题,在验证结果栏选中此行问题信息,直接点右验证栏右上角的一个眼镜带叉号的忽略错误符号.然后将开发区中弹出的问题显示界面关闭(开发区此项头部名称门旁有个叉号点击关闭).重新保存,在浏览器中刷新查看结果:
可以查看在主管审批页面及采购管理下采购单管理下的复用的表格也显示这样子了;同样方式更改 "采购管理" 分页下 "供应商管理" 分页中的表格,改为以下效果并查看结果:
复杂表格中显示元件的添加及命名:
在 "采购单管理" 页面下选中 "订单信息表" 元件,双击进入,双击 "<>Body" 元件,双击 "<>Body Row", 其中默认放了 Text,Number,Date 等显示元件,注意区别于简单表格中的元件,这里不是数据类型元件.将 Number 改名为 "申请序号" 并放在相对其他元件左上的位置,让它第一个显示,Text 改名为 "供应商" 放在序号后面,其后复用一个 Text 命名为 "详情", 其后放 "Date" 改名为 "订单日期",然后复用一个 Number, 命名为 "单价",最后再复用一个 Number, 命名为 "总价":
10) 表格属快,显示样式调整:
选中 "订单信息表",在开发区下部属性栏位点属性栏右上角第二个图标(Add Property),在弹窗内输入本地样式的属性名称 "html.style"
属性框会出现一行新属性,在 "html.style" 属性对应的 shared 栏中输入样式属性值 "width:800px", 意思是表格宽度是 800px; 在其他两个表格属性下查看并更改宽度为 600px(简单表格默认是 400px); 浏览器刷新显示:
来源: http://www.bubuko.com/infodetail-2474460.html