概述我們之前已經(jīng)介紹了字段的通用配置和字段的表單組件配置，這些配置僅限于單個字段。由于 Foxnic-Web 的模塊頁面以打開窗口的" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > Foxnic-Web 代碼生成 (7) —— 配置表單頁

Foxnic-Web 代碼生成 (7) —— 配置表單頁

時間：2023-07-24 22:51:01 | 來源：網(wǎng)站運營

時間：2023-07-24 22:51:01 來源：網(wǎng)站運營

Foxnic-Web 代碼生成 (7) —— 配置表單頁：

Foxnic-Web 代碼生成 (7) —— 配置表單頁




概述

我們之前已經(jīng)介紹了字段的通用配置和字段的表單組件配置，這些配置僅限于單個字段。由于 Foxnic-Web 的模塊頁面以打開窗口的方式呈現(xiàn)表單內容，自然就會有對表單窗口的控制，以及表單字段布局的控制。

本篇我們就來了解一下，在代碼生成時的表單呈現(xiàn)方面，我們可以做點啥。




本文中的示例代碼均可在 https://gitee.com/LeeFJ/foxnic-samples 項目中找到，本文對照 webfull 項目講解。




完整示例

Foxnic-Web 項目提供代碼生成的完整示例，請大家參考：

https://gitee.com/LeeFJ/foxnic-web/blob/1.7.0.RELEASE/common/generator/src/main/java/org/github/foxnic/web/generator/module/example/CodeExampleConfig.java



配置表單窗口

表單相關的配置可以在模塊代碼配置類的 configForm 方法內實現(xiàn)：

@Overridepublic void configForm(ViewOptions view, FormOptions form, FormWindowOptions formWindow) { formWindow.width("120px"); formWindow.bottomSpace(263);}配置表單窗口，通過 ViewOptions.formWindow() 選項控制。formWindow 提供的控制項包括：

配置項說明
width設置表單窗口的寬度，默認500px；字符串可以指定像素或百分比。
bottomSpace設置最下方的表單組件和窗口底部之間的間距，用于撐高表單窗口的高度，便于下拉框展示。
表單窗是按表單內實際內容自動調節(jié)高度的，所以不必指定表單窗口的高度。單某些情況下，由于表單內字段較少，窗口高度也會比較低，這時，如果輸入框是下拉框，那么可能不能很好地展示下拉選項，需要將表單窗口的高度人為的增加一些，這時就需要用到 bottomSpace 參數(shù)。

配置表單依賴文件

表單以及表單頁面通過 FormOptions 配置。在代碼生成時，表單頁面可以額外包含其它的 js 和 css 文件，以及變量等，配置項如下：

配置項說明
addCss添加 css 文件引入
addJs添加 js 文件引入。
addJsVariable添加 js 變量；這是表單的服務端模版變量。

配置表單外觀參數(shù)

表單的外觀參數(shù)如下：

配置項說明
labelWidth設置標簽寬度，單欄次默認 65px；多欄次默認 100px
disableFooter禁用 Footer，用于頁面的嵌入。
disableMargin禁用 Margin，用于頁面的嵌入。
enableContextMenu啟用右鍵菜單，默認false。

配置表單布局

Foxic-Web 的表單布局是比較豐富的，支持分組、分欄；支持添加嵌入頁面、Tab等，相關配置項如下：

配置項說明
columnLayout使用分欄布局
addGroup添加一個分組布局
addPage添加一個內嵌頁面
addTab添加一個內嵌的 Tab

配置表單接口

Foxic-Web 的表單布局是比較豐富的，支持分組、分欄；支持添加嵌入頁面、Tab等，相關配置項如下：

配置項說明
savingURL設置自定義保存接口地址
loadingURL設置自定義數(shù)據(jù)加載接口地址

小結

本節(jié)主要從表單窗口、表單頁面依賴、表單外觀、布局、接口等方面介紹了在代碼生成時如何控制表單的外觀呈現(xiàn)與功能特性。下一節(jié)，我們將介紹表格以及搜索相關方面的代碼生成配置項。

相關項目

https://gitee.com/LeeFJ/foxnic

https://gitee.com/LeeFJ/foxnic-web

https://gitee.com/lank/eam

https://gitee.com/LeeFJ/foxnic-samples

官方文檔

http://foxnicweb.com/docs/doc.html



關鍵詞：配置

74
73
25
news

版權所有? 億企邦 1997-2025 保留一切法律許可權利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關閉