1.      這一節，我們將介紹如何開發一個多檔的Detail以AjaxLayout + AjaxFormView(Master) + AjaxGridView(Detail)的形式顯示的Wizard範例。用EEP Wizard生成一個Master/Detail結構的網頁。在選擇Template的時候，選擇ExtMasterDetail，網頁aspx命名為WAjaxFormMasterDetail。Server的dll我們則可以選用sOrders.Orders。

2.      接下來我們設定View顯示的欄位，他主要用于顯示在畫面的左側的GridView里的欄位

3.      往下我們先選擇好Master的欄位後，選擇所有欄位後請按Next。會出現如下對話方塊用以選擇Detail的欄位，按一下Add按鈕，選擇需要的欄位，按一下OK，或者直接按一下Select All選擇全部。

4.      最後按下Done完成Master/Detail的設計。如圖所示，AjaxGridView1用於顯示View的資料，AjaxFormView1用於顯示Master資料，AjaxGridViewDetail用於顯示Detail資料。而AjaxLayout1用來負責對UI的位置排版功能。

       當畫面產生完成後，我們可以將該表單通過EEPManager進行設定，將它的Caption設定為AjaxFormMasterDetail，同時將權限設定為EveryOne。

5.      設定好後，透過EEPWebClient瀏覽使用Wizard產生的效果，如下圖。

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