编辑页面设计是整个设计器中比较重要的一个模块,因为它关乎到页面的布局。这里新开一个章节对编辑页面设计做一下详细的介绍,让大伙对编辑页面设计有一个基本的了解。
一、页面介绍
首先先对编辑页面设计做一个介绍,使大家对整体页面有所了解,这样接下来操作起来也会相对方便很多。
页面整体分为两个部分:页面设计区域和属性设计区域。页面设计区域也分两个部分:页面顶部按钮和页面布局。
页面顶部按钮对应的是平台查看页面的顶部工具栏,是系统自带的,基本不需要我们去对它进行任何修改,唯一需要修改的就是报表按钮,这个地方后期可能需要我们配上跳转到报表页面的事件。
二、按钮创建
当系统自带的按钮难以满足我们的需求时,我们便可以在页面顶部按钮处创建自定义按钮。
右键编辑页面设计,点击添加按钮。
点击新建的按钮,修改显示名,选择按钮图片,添加按钮事件。
三、新建分组
如果想要实现如下图所示的效果:
同属于一个表的字段,理应来说是放在同一个显示框内的,此处却分两个部分来放,如何实现这个效果呢?
这里就需要用到新建分组的功能。右键编辑页面,选择新建分组。
找到新建的分组,点击加号新建tab分页(右侧的减号是删除分组用的,但是想要使用这个按钮,需要你先删除所有这个分组上的tab分页)。
这里插个题外话,如何删除tab分页?很简单,右键你的tab分页,选择删除tab分页。
点击新建的tab分页,修改显示名。
点击数据库设计,选择自己想要放入到新建分组中的字段,右键属性,在右侧属性面板处找到分组归属,选择自己新建的分组,最后保存更新就可以了。
四、页面布局
要想对页面所在的分组中的字段进行移动,需要先点击tab分页,这之后才能移动字段,不点是不能移动字段的。
如果觉得编辑页面太小,可以通过点击tab分页,点击
来全屏编辑页面。
全屏页面之后,你就可以通过移动字段到相应的格子中来达到修改布局页面的效果,大家可以多多尝试来熟悉操作。
这里我提几个需要注意的点:
第一,每个字段只能移动一次,第二次移动的话是无效的。因为某些时候即使每个字段只移动一次,也会出现一些意想不到的问题,所以这里推荐一个方法,就是每移动一次就保存一次,并刷新一下页面。刷新页面的话是点编辑页面设计右侧的刷新按钮。这里需要注意的是,有时候即使点击编辑页面右侧的刷新按钮刷新,可能是没有任何效果的,这时就需要点击模块右侧的刷新按钮了。
第二,当出现如下图所示的情况时,就不要再移动字段了,直接刷新页面,因为此时移动布局已经出现问题了,再怎么移动字段都是没有任何效果的。
最后提醒一点一定要保存更新,要不然你之前所做的一切可能就白费了。
五、布局属性
点击tab分页会在右侧显示布局属性。
1. tabs分组
表示的是当前的tab分页处于哪排。处于第一排就是1,第二排就是2,依次下推。
2. tab分组
具体看如下图:
3. 对应表KEY
表示的是当前tab分页属于哪张表。
4. 列数
用于控制当前tab分页的列数,比如填5表示当前tab分页有五列。
5. 显示名
表示的是当前tab分页的显示名,以及该表在应用平台上的显示名。比如你想更改如下图所示的名称,就可以修改这个地方。
6. 国际化设置
设置国际化也可以达到更改应用平台表单的名称的效果
7. 是否在查询列表显示
此属性目前无效。
来源:oschina
链接:https://my.oschina.net/u/4424184/blog/3188683