天天看点

修改html内容6,UCML--在线文档

介绍页面设计模块的功能,包括操作按钮、列信息、控件及编程时刻处理控件及编程时刻处理。界面如下:

修改html内容6,UCML--在线文档

一、操作按钮

【页面排版设计】:

修改html内容6,UCML--在线文档

,设置页面默认布局,如下图:

修改html内容6,UCML--在线文档

(1) 单列横排编辑模式:生成一个一列布局表格,有多少条记录就会生成多少行

修改html内容6,UCML--在线文档

当前视图组件为“手机VC”时,执行“单列横排编辑模式”会弹出手机页面生成器,如下图,详细说明参考移动页面设计详细介绍

修改html内容6,UCML--在线文档

(2) 两列横排编辑模式:生成一个两列的布局表格,格式为:字段;录入框;字段;录入框。三列、四列横排同理。

(3)生成列表上的自定义控件:系统保留

(4)建立空白表格:在表单设计区域生成一个表格,如下图:

修改html内容6,UCML--在线文档

(5)建立手机页面空白面板:

(6) 分组编辑模式:系统保留

(7) 引用视图组件生成模板:系统保留

(8) 引入当前填报报表设计:用填报报表设计编辑格式表单,该功能直接引入当前正在编辑的报表格式。

(9) 选择引入填报报表设计:用填报报表设计编辑格式表单,弹出“报表查询”界面选择引入的填报格式报表。

修改html内容6,UCML--在线文档

(10) 转换成多语言标签:生成表单支持多语言标签,详细说明参考《UCML多语言功能介绍》。

【刷取所有列】:把视图组件现有的列信息重新从业务组件BC中读取,业务组件有多少列这里就显示多少列。

【刷取现有列】:把当前VC中的列信息重新从业务组件中读取一遍,如果当前字段在业务组件上配置信息有变化则同步更新过来。

【引入列】:从对应的业务组件中引入列

修改html内容6,UCML--在线文档

【删除列】:删除当前选中列

【向上按钮】:将当前选中列向上移动一个位置

【向下按钮】:将当前选中列向下移动一个位置

【置顶】:将当前选中的列置顶,放到第一行

【置底】:将当前选中的列置底,放到最后一行

【清空】:将所有列信息的允许修改和允许显示的复选框全部取消选中

【全部选中】:将所有列信息的允许修改和允许显示的复选框全部选中

【其他功能】:具体如下图

修改html内容6,UCML--在线文档

(1)快速HTML表格制表:弹出“快捷HTML制表”界面,在此可自行快速设计编辑表单布局,设计完后点击【生成HTML设计】按钮即可。

修改html内容6,UCML--在线文档

(2)HTML结果转换为Bootstrap布局:将当前布局内容直接在布局设计器中打开,并可直接生成Bootstrap布局页面

(3)GRID多层表头脚本生成:列表Grid多行表头合并通过设计进行代码生成(融合比较复杂或对融合规则不清楚时建议使用)详细说明

使用方法:

1、新建空白表格,根据表头行数和显示列的列数定义生成n行n列的表格

修改html内容6,UCML--在线文档

2、选择需要合并的行列进行合并

修改html内容6,UCML--在线文档

3、查看生成的代码,将代码拷贝到视图显示前即可

修改html内容6,UCML--在线文档

(4)Excel模板制表:弹出Excel模板制作界面,可用Excel设计编辑页面

修改html内容6,UCML--在线文档

(5)统一控件类型:用户设置所有字段用同一个控件来布局

具体操作:

1) 在字段的“控件类型”处选择某个控件类型,比如选择“LABEL”

修改html内容6,UCML--在线文档

2) 点击“统一控件类型”,将所有字段的控件类型设置为所选的控件类型

修改html内容6,UCML--在线文档

3)生成页面排版设计

(6)拷贝列信息:将当前视图组件的所有列信息拷贝到txt文档中并打开文档

修改html内容6,UCML--在线文档

(7)唯一列值补丁:在开发工具中为每个字段生成“唯一主键”,在使用平台多语言功能时会用到这个配置信息。

(8)保存符合控件属性:系统保留

【手机背景】:设置一个手机背景图片,方便为手机设置表单。

修改html内容6,UCML--在线文档

添加:添加一个手机图片

删除:删除当前选中的图片

选中:选中当前行的数据

关闭:关闭当前弹出窗口

二、列信息

字段名称:视图组件上的字段名称,如为引入BC的字段,则与BC上的字段名称一致,如为自定义字段,则可任意取名(不与已有字段同名)

中文含义:字段的中文含义,如为引入BC的字段,则默认为BC上字段的中文含义,可修改

允许修改:勾上则允许在页面进行修改,否则不能修改

允许显示:勾上则允许在页面进行显示,否则不显示

列宽度:设置列在页面中显示的宽度

对齐:字段值在列单元格中显示的位置(居左、居中、居右)

自定义控件:在列表格式组件中使用,勾上则后则该列可以直接向单元格中嵌入UCML Ajax++控件

控件ID:自定义控件ID,可在源码中查找,或在设计器中选中控件右键属性中查看控件的Name

生成非空标签:勾上则生成非空标签,如下图:

修改html内容6,UCML--在线文档

JS控件类型:选择JS控件类型(UCML扩展控件),生成页面时会根据所选择的控件类型生成相应的控件

控件类型:选择控件类型(HTML),生成页面时会根据所选择的控件类型生成相应的控件

分组名称:分组标题

分组设置:具体说明详见页面设计详细介绍中的VC列信息说明。

是否固定值列:勾上则该列显示固定值,一般是命令按钮列使用。

固定列值:同上,勾选“是否固定值列”后则显示此处设置的值

第二语言标签:设置当前字段的第二种语言具体文字

第三语言标签:设置当前字段的第三种语言具体文字

录入提示:控件输入的提示文字

固定列:是否是固定列,一般用于列表视图,具体使用说明见固定列和列头显示设置

列头显示处理:对列头进行显示处理,如对列头文本颜色进行设置等,一般用于列表视图,具体使用说明见固定列和列头显示设置。

单元格显示处理:对单元格进行显示处理,如对单元格的文本、背景色进行设置等,一般用于列表,具体使用说明见单元格内容设置。

三、控件及编程时刻处理

1、视图组件页面设计

页面设计时用到的控件,包括以下几种类型,具体各控件的使用说明见【前端UCMLJS手册-->视图组件VC-->表单控件】

a)标准HTML控件:HTML的标准控件

修改html内容6,UCML--在线文档

1)光标

2)HTML标签(Label),页面生成div

3)普通按钮(button)

4)重置按钮(reset button)

5)提交按钮(submit button)

6)文本框(text)

7)文件上传(file)

8)文本域(textarea)

9)密码输入框(password)

10)复选框(checkbox)

11)单元按钮(radio)

12)隐藏文本框(hidden)

13)表格(table)

14)图片(image)

15)列表选择(select)

16)下拉选择(dropdown)

17)分割线

b)UCML Ajax++基础控件:UCML扩展的Ajax控件,根据ctype类型的值可选择不同的控件,通过属性dataFld来绑定字段,必须要有这两个属性才能对应到字段的值。

修改html内容6,UCML--在线文档

图上的控件依次为:

1)光标

2)文本框控件

3)数字编辑框,可微调(加1、减一)

4)日期控件

5)货币编辑框

6)百分比编辑框

7)格式码编辑框

8)下拉列表或级联下拉列表

9)下拉列表

10)代码录入下拉列表

11)复选列表

12)多选下拉

13)树形选择下拉

14)标签Label

15)链接按钮

16)超链接

17)嵌入视图组件

18)图片控件

19)大文件上传

20)多附件上传

21)H5多附件上传

22)签字盖章控件

23)SilverLight控件容器

24)ASP.NET服务端控件容器

25)人员选择控件

26)模糊查询控件

27)定时器控件

c)UCML DashBoard控件:如下图依次为:光标、仪表盘控件、统计图控件、立方体Grid、甘特图、Echart统计图

修改html内容6,UCML--在线文档

d)移动控件:移动页面用到的控件,具体说明见【移动--表单控件】类型文档。

修改html内容6,UCML--在线文档

2、设计时HTML源码

平台表单设计对应的HTML源码,该代码可手工修改,修改完后代码会自动同步到“目标应用HTML源码”。需要注意如果手工修改代码后再使用平台生成页面布局功能将会覆盖原有代码。

修改html内容6,UCML--在线文档

3、对象属性文本

平台控件属性定义信息,开发工具使用不建议手工修改。

4、事件响应函数

控件事件在此定义,对应“控件属性”选项卡中的“事件”功能,当在对应的事件上双击系统会自动增加响应函数,该函数在此进行编辑。如下图:

修改html内容6,UCML--在线文档

5、页面引用JavaScript

在此处写页面引用的js文件,也可写JavaScript代码,此处的代码会自动生成到aspx页面Head标签区域,如下图:

修改html内容6,UCML--在线文档

web页面源码:

修改html内容6,UCML--在线文档

6、CSS样式

此处可以定义页面CSS样式,业务单元生成源码后代码生成到页面HTML代码的“Head”区域。

7、目标应用HTML源码

页面实际显示效果用到的HTML源码,在组件设计时自动生成,执行“BS业务单元生成”时生成该视图组件HTML源码即来自此处。

8、快捷菜单

添加视图组件右键快捷菜单,此处添加菜单项后系统默认菜单项将不显示。

修改html内容6,UCML--在线文档

标题:菜单显示文本

为分隔符:勾上则添加分隔符

图标链接:菜单图标资源文件URL

处理代码:响应函数代码

9、JS初始化前时刻

视图组件的JS初始化前时刻发生的事件,可在此添加事件代码

10、JS控件创建语句

在此可直接写前端控件创建语句,代码生成到前端控件初始化时刻,对应函数onInit

11、服务端HttpGet时刻

当Http请求方式为Get时发生,可添加服务端代码,代码生成到aspx.cs文件中

12、服务端HttpPost时刻

当Http请求方式为Post时发生,可添加代码,代码生成到aspx.cs文件中

13、服务端PageLoad时刻

服务端进行页面加载时刻发生,可添加服务端代码,代码生成到aspx.cs文件的Page_Load函数中

14、服务端初始时刻

服务端初始时刻发生,可添加服务端代码,代码直接生成到asp.cs文件的OnInit函数中

15、服务端控件注册语句

在页面文件中生成服务端控件注册代码,很少使用。

16、服务端控件变量注册

定义服务端属性,代码直接生成到aspx.cs文件中,很少使用

17、门户组件创建子控件:系统保留

18、门户组件展现时刻:系统保留