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

首先說(shuō)一下功能：

1.包含一些經常用到(dào)的(de)控件：文本，超鏈接，按鈕，文件上(shàng)傳，圖片，文本輸入框，多行文本輸入框，日期，時(shí)間，列表框(listBox),下拉列表框(分爲(wéi / wèi)：可分頁和(hé / huò)不(bù)可分頁兩種),複選框,單選列表，複選列表，gridlist表格。當然設計器應該便于(yú)擴展,當以(yǐ)後需要(yào / yāo)其它的(de)控件的(de)時(shí)候可以(yǐ)很方便的(de)添加進去。

2.可以(yǐ)很方便地(dì / de)對各控件進行操作(剪切，粘貼，複制，删除，位置大(dà)小的(de)調整)。

3.可以(yǐ)很方便的(de)對控件的(de)各屬性進行設定。這(zhè)樣需要(yào / yāo)對控件作修改的(de)時(shí)候，盡量做到(dào)不(bù)需要(yào / yāo)修改代碼，在(zài)設計其中做一下修改就(jiù)可以(yǐ)達到(dào)目的(de)。

4.因爲(wéi / wèi)一些控件可能需要(yào / yāo)實現一些特殊的(de)功能，所以(yǐ)需要(yào / yāo)提供編寫js代碼的(de)界面。

(1)文本：文本控件很簡單，主要(yào / yāo)是(shì)對文本控件的(de)樣式和(hé / huò)是(shì)否隐藏進行設定。

保存後，訪問的(de)效果：

2.超鏈接：超鏈接需要(yào / yāo)能夠設定打開連接的(de)地(dì / de)址，和(hé / huò)打開的(de)方式（本頁面打開，新窗口打開，模式窗口打開）

保存後，訪問的(de)效果：

3.按鈕：主要(yào / yāo)是(shì)能夠設定點擊按鈕執行的(de)方法

在(zài)腳本界面，可以(yǐ)編寫js代碼。保存後，訪問的(de)效果如下：

4.文件上(shàng)傳：可以(yǐ)設定上(shàng)傳文件的(de)類型，是(shì)否可上(shàng)傳多個(gè)文件等

保存後訪問的(de)效果：

5.複選框

效果：

6.圖片：

效果：

7.輸入框：需要(yào / yāo)能指定可輸入數據的(de)類型，并能自動驗證

效果

8.多行文本框

效果：

9.日期輸入框：需要(yào / yāo)能夠設定日期的(de)格式

效果

10.時(shí)間輸入框：需要(yào / yāo)可設定日期的(de)格式

效果：

上(shàng)面的(de)這(zhè)些控件都是(shì)一些簡單的(de)基本控件。

接下來(lái)的(de)是(shì)和(hé / huò)數據進行交互的(de)控件.這(zhè)些控件有下面的(de)要(yào / yāo)求：

1.能設定靜态數

2.能通過設定的(de)參數動态的(de)從數據庫中讀取數據。

3.能設定查詢的(de)參數。

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

1.列表控件(listBox)

設定靜态數據

設定動态數據：

效果：

2.下拉列表框

3.可動态讀去數據可分頁的(de)下拉列表框

效果：

4.單選列表

靜态數據

動态數據

效果：

5.複選列表

效果：

6.grildList列表(可設定查詢的(de)ajax地(dì / de)址，參數，顯示的(de)列)

效果

代友招聘：招3年以(yǐ)上(shàng)net開發人(rén)員，有意向的(de)發簡曆到(dào) xshineman@sohu.com， 大(dà)型物流公司erp開發，工資高于(yú)同行業水準