新表單
點擊文件>創建新表單,如下所示:
拖動組件
如上面的渲染圖所示,我們可以看到表單需要1個下拉框控件、壹個文本控件、兩個對應的標簽控件,以及壹個以表格形式顯示數據的報表塊。此時,我們決定向窗體添加壹個報表塊和四個控件。
在組件的介紹中,我們知道控件可以以附加在參數面板上的組件的形式存在,也可以單獨以組件的形式存在。兩種形式都可以隨意使用,效果是壹樣的,所以使用參數面板組件附帶的形式。
參數分量
將工具欄中的參數組件拖動到表單主體,將對應的下拉框、文本和兩個標簽控件四個控件拖動到參數組件中,並將標簽控件的控件值分別設置為訂單ID和客戶ID,如下圖所示:
報告塊組件
將報表組件從工具欄拖到窗體上,如下圖所示:
如果組件數量太大,在web端顯示時,在壹個頁面中自適應顯示會很擁擠。此時,您可以選擇右下方的整體框體,並在右上方的屬性頁中將組件縮放修改為自適應原始縮放,如下圖所示:
全顯示區:指在web端顯示時,所有組件自適應填充整個瀏覽器頁面,不出現滾動條;
自適應縮放:是指在web端顯示時,按照制作表單時組件大小的比例進行顯示,整個網頁不進行縮放。如果超出頁面大小,將會出現滾動條。
控制綁定數據
定義數據集
在渲染圖中,新的數據集DS 1: select * from order其中orderid=${orderid},參數orderid的默認值為10001。
註意:參數名稱必須與訂單ID下拉框的控件名稱壹致。
訂單ID下拉框
選擇下拉框控件並將其拖動到適當的位置。下拉框控件名稱設置為“orderid”,數據字典來自FRDemo數據庫的訂單表(數據類型為數據庫表,數據庫為FRDemo)。實際值和顯示值都是訂單ID,控制值為空。
客戶ID文本框
選擇文本框控件並將其拖動到適當的位置。文本框控件名為customerid,控件值被選為綁定字段。數據來自ds1數據集中的客戶ID字段,如下圖所示:
註:這裏選擇ds1數據集,實現下拉框和文本框的聯動。下拉框控件的名稱為orderid,ds1數據集根據orderid參數過濾數據,即ds1數據集根據下拉框控件的值過濾數據。
報告塊
設置參數面板和控件後,單擊報告塊中的手寫筆按鈕編輯報告塊。
新數據集
在渲染中,報告塊應該顯示訂單明細數據,並根據orderid進行過濾,並創建壹個新的數據集ds2:select * from order detail其中order ID=${orderid},order ID的默認值為1001。
表格樣本設計
如下圖所示,設計表樣:
至此,表格已經制作完成。
保存表單並預覽
保存表單。表單模板的後綴是。frm。點擊預覽按鈕進行預覽,可以看到效果。