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

首先說一下功能：

1.包含一些經(jīng)常用到的控件：文本，超鏈接，按鈕，文件上傳，圖片，文本輸入框，多行文本輸入框，日期，時(shí)間，列表框(listBox),下拉列表框(分為：可分頁和不可分頁兩種),復(fù)選框,單選列表，復(fù)選列表，gridlist表格。當(dāng)然設(shè)計(jì)器應(yīng)該便于擴(kuò)展,當(dāng)以后需要其它的控件的時(shí)候可以很方便的添加進(jìn)去。

2.可以很方便地對(duì)各控件進(jìn)行操作(剪切，粘貼，復(fù)制，刪除，位置大小的調(diào)整)。

3.可以很方便的對(duì)控件的各屬性進(jìn)行設(shè)定。這樣需要對(duì)控件作修改的時(shí)候，盡量做到不需要修改代碼，在設(shè)計(jì)其中做一下修改就可以達(dá)到目的。

4.因?yàn)橐恍┛丶赡苄枰獙?shí)現(xiàn)一些特殊的功能，所以需要提供編寫js代碼的界面。

(1)文本：文本控件很簡單，主要是對(duì)文本控件的樣式和是否隱藏進(jìn)行設(shè)定。

保存后，訪問的效果：

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

保存后，訪問的效果：

3.按鈕：主要是能夠設(shè)定點(diǎn)擊按鈕執(zhí)行的方法

在腳本界面，可以編寫js代碼。保存后，訪問的效果如下：

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

保存后訪問的效果：

5.復(fù)選框

效果：

6.圖片：

效果：

7.輸入框：需要能指定可輸入數(shù)據(jù)的類型，并能自動(dòng)驗(yàn)證

效果

8.多行文本框

效果：

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

效果

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

效果：

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

接下來的是和數(shù)據(jù)進(jìn)行交互的控件.這些控件有下面的要求：

1.能設(shè)定靜態(tài)數(shù)

2.能通過設(shè)定的參數(shù)動(dòng)態(tài)的從數(shù)據(jù)庫中讀取數(shù)據(jù)。

3.能設(shè)定查詢的參數(shù)。

4.能設(shè)定顯示的字段和顯示的方式并能實(shí)現(xiàn)聯(lián)動(dòng)

1.列表控件(listBox)

設(shè)定靜態(tài)數(shù)據(jù)

設(shè)定動(dòng)態(tài)數(shù)據(jù)：

效果：

2.下拉列表框

3.可動(dòng)態(tài)讀去數(shù)據(jù)可分頁的下拉列表框

效果：

4.單選列表

靜態(tài)數(shù)據(jù)

動(dòng)態(tài)數(shù)據(jù)

效果：

5.復(fù)選列表

效果：

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

效果

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