jabdp編輯頁面設計

編輯頁面設計是整個設計器中比較重要的一個模塊,由於它關乎到頁面的佈局。這裏新開一個章節對編輯頁面設計作一下詳細的介紹,讓大夥對編輯頁面設計有一個基本的瞭解。數據庫

1、頁面介紹

首先先對編輯頁面設計作一個介紹,使你們對總體頁面有所瞭解,這樣接下來操做起來也會相對方便不少。數據庫設計

圖片1.png

頁面總體分爲兩個部分:頁面設計區域和屬性設計區域。頁面設計區域也分兩個部分:頁面頂部按鈕和頁面佈局。工具

頁面頂部按鈕對應的是平臺查看頁面的頂部工具欄,是系統自帶的,基本不須要咱們去對它進行任何修改,惟一須要修改的就是報表按鈕,這個地方後期可能須要咱們配上跳轉到報表頁面的事件。佈局

2、按鈕建立

當系統自帶的按鈕難以知足咱們的需求時,咱們即可以在頁面頂部按鈕處建立自定義按鈕。設計

右鍵編輯頁面設計,點擊添加按鈕。3d

圖片2.png

點擊新建的按鈕,修改顯示名,選擇按鈕圖片,添加按鈕事件。blog

圖片3.png

3、新建分組

若是想要實現以下圖所示的效果:事件

圖片4.png

同屬於一個表的字段,理應來講是放在同一個顯示框內的,此處卻分兩個部分來放,如何實現這個效果呢?圖片

這裏就須要用到新建分組的功能。右鍵編輯頁面,選擇新建分組。頁面佈局

圖片5.png

找到新建的分組,點擊加號新建tab分頁(右側的減號是刪除分組用的,可是想要使用這個按鈕,須要你先刪除全部這個分組上的tab分頁)。

圖片6.png

這裏插個題外話,如何刪除tab分頁?很簡單,右鍵你的tab分頁,選擇刪除tab分頁。 圖片7.png

點擊新建的tab分頁,修改顯示名。

圖片8.png

點擊數據庫設計,選擇本身想要放入到新建分組中的字段,右鍵屬性,在右側屬性面板處找到分組歸屬,選擇本身新建的分組,最後保存更新就能夠了。

圖片9.png

4、頁面佈局

要想對頁面所在的分組中的字段進行移動,須要先點擊tab分頁,這以後才能移動字段,不點是不能移動字段的。

若是以爲編輯頁面過小,能夠經過點擊tab分頁,點擊 圖片16.png

來全屏編輯頁面。 圖片11.png

全屏頁面以後,你就能夠經過移動字段到相應的格子中來達到修改佈局頁面的效果,你們能夠多多嘗試來熟悉操做。

這裏我提幾個須要注意的點:

第一,每一個字段只能移動一次,第二次移動的話是無效的。由於某些時候即便每一個字段只移動一次,也會出現一些意想不到的問題,因此這裏推薦一個方法,就是每移動一次就保存一次,並刷新一下頁面。刷新頁面的話是點編輯頁面設計右側的刷新按鈕。這裏須要注意的是,有時候即便點擊編輯頁面右側的刷新按鈕刷新,多是沒有任何效果的,這時就須要點擊模塊右側的刷新按鈕了。

第二,當出現以下圖所示的狀況時,就不要再移動字段了,直接刷新頁面,由於此時移動佈局已經出現問題了,再怎麼移動字段都是沒有任何效果的。

圖片11.png

最後提醒一點必定要保存更新,要否則你以前所作的一切可能就白費了。

5、佈局屬性

點擊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. 是否在查詢列表顯示

此屬性目前無效。

相關文章
相關標籤/搜索