jabdp编辑页面设计

北城余情 提交于 2020-03-05 18:19:07

编辑页面设计是整个设计器中比较重要的一个模块,因为它关乎到页面的布局。这里新开一个章节对编辑页面设计做一下详细的介绍,让大伙对编辑页面设计有一个基本的了解。

一、页面介绍

首先先对编辑页面设计做一个介绍,使大家对整体页面有所了解,这样接下来操作起来也会相对方便很多。

图片1.png

页面整体分为两个部分:页面设计区域和属性设计区域。页面设计区域也分两个部分:页面顶部按钮和页面布局。

页面顶部按钮对应的是平台查看页面的顶部工具栏,是系统自带的,基本不需要我们去对它进行任何修改,唯一需要修改的就是报表按钮,这个地方后期可能需要我们配上跳转到报表页面的事件。

二、按钮创建

当系统自带的按钮难以满足我们的需求时,我们便可以在页面顶部按钮处创建自定义按钮。

右键编辑页面设计,点击添加按钮。

图片2.png

点击新建的按钮,修改显示名,选择按钮图片,添加按钮事件。

图片3.png

三、新建分组

如果想要实现如下图所示的效果:

图片4.png

同属于一个表的字段,理应来说是放在同一个显示框内的,此处却分两个部分来放,如何实现这个效果呢?

这里就需要用到新建分组的功能。右键编辑页面,选择新建分组。

图片5.png

找到新建的分组,点击加号新建tab分页(右侧的减号是删除分组用的,但是想要使用这个按钮,需要你先删除所有这个分组上的tab分页)。

图片6.png

这里插个题外话,如何删除tab分页?很简单,右键你的tab分页,选择删除tab分页。 图片7.png

点击新建的tab分页,修改显示名。

图片8.png

点击数据库设计,选择自己想要放入到新建分组中的字段,右键属性,在右侧属性面板处找到分组归属,选择自己新建的分组,最后保存更新就可以了。

图片9.png

四、页面布局

要想对页面所在的分组中的字段进行移动,需要先点击tab分页,这之后才能移动字段,不点是不能移动字段的。

如果觉得编辑页面太小,可以通过点击tab分页,点击 图片16.png

来全屏编辑页面。 图片11.png

全屏页面之后,你就可以通过移动字段到相应的格子中来达到修改布局页面的效果,大家可以多多尝试来熟悉操作。

这里我提几个需要注意的点:

第一,每个字段只能移动一次,第二次移动的话是无效的。因为某些时候即使每个字段只移动一次,也会出现一些意想不到的问题,所以这里推荐一个方法,就是每移动一次就保存一次,并刷新一下页面。刷新页面的话是点编辑页面设计右侧的刷新按钮。这里需要注意的是,有时候即使点击编辑页面右侧的刷新按钮刷新,可能是没有任何效果的,这时就需要点击模块右侧的刷新按钮了。

第二,当出现如下图所示的情况时,就不要再移动字段了,直接刷新页面,因为此时移动布局已经出现问题了,再怎么移动字段都是没有任何效果的。

图片11.png

最后提醒一点一定要保存更新,要不然你之前所做的一切可能就白费了。

五、布局属性

点击tab分页会在右侧显示布局属性。

1. tabs分组

表示的是当前的tab分页处于哪排。处于第一排就是1,第二排就是2,依次下推。

图片12.png

2. tab分组

具体看如下图: 图片13.png

3. 对应表KEY

表示的是当前tab分页属于哪张表。 图片14.png

4. 列数

用于控制当前tab分页的列数,比如填5表示当前tab分页有五列。

5. 显示名

表示的是当前tab分页的显示名,以及该表在应用平台上的显示名。比如你想更改如下图所示的名称,就可以修改这个地方。

图片15.png

6. 国际化设置

设置国际化也可以达到更改应用平台表单的名称的效果

7. 是否在查询列表显示

此属性目前无效。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!