現在為了适應需求的不斷變化，動(dòng)态表單設計器(qì)應運而生。它主要是為了滿足界面的不斷變化和(hé)提高開發速度。例如(rú)：一些頁面客戶可(kě)能也無法确定頁面的最終布局，控件的位置，在哪種情況下(xià)顯示或不顯示等可(kě)能需要随時修改。為了應對這些需求而不去多次修改源代碼進行發布，就可(kě)以在項目中(zhōng)使用動(dòng)态表單設計器(qì)。現在分享一下(xià)我做的動(dòng)态表單設計器(qì)的設計思路(lù)，共同學習。
想做一個(gè)表單設計器(qì)，首先要确定是做c/s的還是b/s。我考慮到以後的發展方向是c/s向b/s轉化，所以就選擇了b/s的方向，而且做b/s比做c/s要簡單很多。在做表單設計器(qì)之前，需要先實現各種控件，設計好各控件的各種屬性。于是我選擇對Ext中(zhōng)的各種控件進行封裝，做成滿足自己需要的控件。

首先說一下(xià)功能：

1.包含一些經常用到的控件：文(wén)本，超鍊接，按鈕，文(wén)件上傳，圖片，文(wén)本輸入框，多行文(wén)本輸入框，日期，時間，列表框(listBox),下(xià)拉列表框(分為：可(kě)分頁和(hé)不可(kě)分頁兩種),複選框,單選列表，複選列表，gridlist表格。當然設計器(qì)應該便于擴展,當以後需要其它的控件的時候可(kě)以很方便的添加進去。

2.可(kě)以很方便地對各控件進行操作(剪切，粘貼，複制，删除，位置大小的調整)。

3.可(kě)以很方便的對控件的各屬性進行設定。這樣需要對控件作修改的時候，盡量做到不需要修改代碼，在設計其中(zhōng)做一下(xià)修改就可(kě)以達到目的。

4.因為一些控件可(kě)能需要實現一些特殊的功能，所以需要提供編寫js代碼的界面。

(1)文(wén)本：文(wén)本控件很簡單，主要是對文(wén)本控件的樣式和(hé)是否隐藏進行設定。

保存後，訪問(wèn)的效果：

2.超鍊接：超鍊接需要能夠設定打開連接的地址，和(hé)打開的方式（本頁面打開，新窗口打開，模式窗口打開）

保存後，訪問(wèn)的效果：

3.按鈕：主要是能夠設定點擊按鈕執行的方法

在腳本界面，可(kě)以編寫js代碼。保存後，訪問(wèn)的效果如(rú)下(xià)：

4.文(wén)件上傳：可(kě)以設定上傳文(wén)件的類型，是否可(kě)上傳多個(gè)文(wén)件等

保存後訪問(wèn)的效果：

5.複選框

效果：

6.圖片：

效果：

7.輸入框：需要能指定可(kě)輸入數據的類型，并能自動(dòng)驗證

效果

8.多行文(wén)本框

效果：

9.日期輸入框：需要能夠設定日期的格式

效果

10.時間輸入框：需要可(kě)設定日期的格式

效果：

上面的這些控件都是一些簡單的基本控件。

接下(xià)來的是和(hé)數據進行交互的控件.這些控件有下(xià)面的要求：

1.能設定靜态數

2.能通(tōng)過設定的參數動(dòng)态的從數據庫中(zhōng)讀取數據。

3.能設定查詢的參數。

4.能設定顯示的字段和(hé)顯示的方式并能實現聯動(dòng)

1.列表控件(listBox)

設定靜态數據

設定動(dòng)态數據：

效果：

2.下(xià)拉列表框

3.可(kě)動(dòng)态讀去數據可(kě)分頁的下(xià)拉列表框

效果：

4.單選列表

靜态數據

動(dòng)态數據

效果：

5.複選列表

效果：

6.grildList列表(可(kě)設定查詢的ajax地址，參數，顯示的列)

效果

代友招聘：招3年以上net開發人員，有意向的發簡曆到 xshineman@sohu.com， 大型物流公司erp開發，工資(zī)高于同行業(yè)水準