jabdp编辑页面设计

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

一、页面介绍

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

图片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

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