Easy Flow GP表單開發(三)

接下來先介紹一下幾個主要元件，以及使用時要注意的地方。

上一篇小技巧有說明過，鼎新有提供一些範例和介紹，算是蠻詳細的。

開啟表單設計師，鼎新提供元件共兩種，基本元件、進階元件(如下圖)。

原則上有寫過程式，大概都一眼就很清楚各種元件的功能，而鼎新提供的說明也只針對一部份，如下

想在表單建立元件，很簡單，只要把滑鼠針對想要的元件點選(不須拖拉，只要該元件呈現選取狀態)，然後滑鼠再點擊空白表單，元件即可新增上去。

再來點擊左鍵兩下該元件，或者按右鍵點屬性，可設定代號和相關屬性參數。

接著說明幾個需注意的元件：

1.Label
此元件主要是顯示訊息，可直接於屬性設定，但若想動態設定label顯示資料的話，則必須透過javascript，如下

document.getElementById("lbtest").innerHTML="XXX";

2.CheckBox and RadioButton
CheckBox可單選可複選，RadioButton為單選，在建立此元件時，表單設計師自動會新增一個隱藏欄位專門儲存此元件選取資料(代號為原本元件代號加上"_hdn")，儲存方式以陣列形式。

取值方式除了可以抓取該隱藏欄位，也可透過javascript的迴圈去抓取勾選的項目值。

3.Dialog
Dialog有三種，兩種單選，一種多選用法大致相同，其中需注意，建立該元件時表單設計師同時也會建立隱藏欄位儲存值。

DialogInput元件：
該元件會自動產生一個代號為dialogInput_txt的Textbox以及代號為dialogInput_hdn的隱藏欄位。

DialogInputLabel元件：
該元件會自動產生一個代號為dialogInputLabel_txt的Textbox一個代號為dialogInputLabel_lbl的Textbox以及代號為dialogInputLabel_hdn的隱藏欄位。

DialogInputMulti元件：
該元件會自動產生一個代號為dialogInputMulti_txt的TextArea以及代號為dialogInputMulti_hdn的隱藏欄位。

以上的_hdn存的都是OID喔!!

4.Date
Date元件於表單中建立時會產生一個元件代號加_txt的Textbox存放日期值，因此取值或寫入都要使用 document.getElementById("date_test_txt").value 的方式。

5.DB Connection & SQL Command
DB Connection此元件概念同.net的connection，只要簡單設定值就可以讀取DB了。

SQL Command設定方式如下

以上是個人覺得比較要注意的地方，原則上用這些元件就可以做出簡單的表單了，若需要有互動，則可透過javascript去呈現自己所要的功能，這邊就不說明javascript了。

另外，再流程中可設定此張表單是否需另外儲存成TABLE，若要儲存的話，這邊每一個可設定值的元件都會相對應的產生該元件代號的TABLE欄位喔!

EX 表單的代號為TEST，則DB內會建置TABLE NAME為TEST的資料表，欄位名稱則為表單內各控制項的代號。


以上為表單設計師的說明，後續會再說明流程設定。