在2-1節中，我們已經為大家做好了一些Server程式的準備。接下來的例子中我們將依然沿用這些server端，從而來講解下面的內容。

1.        在Tools中找到EEP Wizard，選擇Web Form Wizard，創建一個Web的程式。

2.        在產生Web程式前，我們將EEP Alias設為ERPS，Database type設定為MSSQL，設定如下圖。

3.        選擇正確的存放路徑，我們選擇在EEPWebClient路徑下的MyWebs目錄，並按一下Next按鈕。

4.        選擇Template的類別，AjaxFormView的單檔是ExtSingle，ExtSingle是產生AjaxGridView作為View，而AjaxFormView作為Master輸入功能，Form Name為WAjaxFormSingle，FormTitle為 AjaxFormView單檔，並按一下Next按鈕，代表將產生一個WAjaxFormSingle.aspx的網頁程式。

5.        選擇對應的Server端dll，這裏用2-1準備好的sProducts的設計的sProducts.Products來做為Server 端的InfoCommand，並按一下Next按鈕。

6.        選擇ViewFields表示選擇所需要在AjaxGridView中顯示的欄位，如下圖欄位，點選Next按鈕。

7.        最後，需要進行修改的欄位，選擇完畢，點選Done，系統就會開始產生我們所需要的Web表單了。

8.        現在我們就可以看到，在畫面上出現了設計的內容，由於AjaxGridView同AjaxFormView實際是在Client的Browse上才Render(翻譯呈現)出來的，因此在設計端我們只看了一個名為AjaxGridView1和一個名為AjaxFormView1的元件，但沒有UI的顯示。在Wizard產生時，我們可以看到多了一個AjaxLayout1這個元件，這個Layout的作用是用於分割AjaxGridView與AjaxFormView的分布樣式，同時它提供了動態的收縮功能，使畫面更加親和。

9.        存檔後，依舊要在EEPManager中增加WAjaxFormSingle的功能表並設定好安全管理的設定，先執行EEPNetServer，然後再執行EEPManager，在System－Security Manager－Menu Utility中設定WAjaxFormSingle並選擇MyWebs目錄下的WAjaxFormSingle.aspx程式，Caption定義為WAjaxFormSingle，最後設定Access Group為EveryOne即可。

10.    設定好後，在Solution方案總管中，點選“C:\..\EEPWebClient\”下的InfoLogin.aspx，按右鍵View in Browser，對EEP Login之後，點選WAjaxFormSingle，如圖，畫面左側為View部分，右側為Master部分，當選中GridView中的某筆資料時，系統將自動帶動右側的FormView中的資料。

訊光科技系統股份有限公司