Step1>    我們使用Query樣版來做查詢介面。在RWD上按右鍵，選擇精靈。

 

 

Step2>    輸入表單名稱為rwdQuery，服務端名稱選擇sRWDCustomers的Customers這個InfoCommand，按下【確定】。

 

 

Step3>    樣版下拉選擇Query1，點選【下一步】。

 

 

Step4>    這裡可以勾選哪些欄位要顯示在DataGrid顯示欄位(表格)中，選擇【完成】，即建立好一個網頁。

 

 

Step5>    中間設計區可以看到頁面產生的結果。

 

 

Step6>    接著替建立好的表單建立用戶群組的許可權。選擇[安全管理]下面的「選單」，進行頁面的掛載和頁面許可權的設定。

 

 

Step7>    選中RWD節點，按新增按鈕，在RWD下增加一個子節點，〔標題〕輸入：客戶查詢，〔頁面〕下拉選擇rwdQuery的頁面，再按下保存鈕。

 

 

Step8>    新增完這個節點後，給這個節點分配許可權，選中客戶查詢這個節點，點【群組權限】，點【編輯】，勾選00（EveryOne）讓每個人都可以看見此表單，按下確定。

 

 

Step9>    按下執行鈕，即可以開發者帳號登入使用者介面，並開啟表單編輯。

 

 

 

Step10>  做好了表單我們接著來開發查詢的部分。回到設計畫面上，選到dgMaster元件，設定QueryColumns屬性，按下新增鈕添加兩個查詢欄位，Field屬性選擇CustomerID、CompanyName。

 

 

 

Title：Caption，會自動從DD帶入。

Field：欄位名稱。

NewRow：是否換行，控制欄位排版。

Span：每個欄位佔的欄位空間，可藉此控制排版。

Operator：運算元。

Editor：元件型態。

DefaultValue：預設值。(constant(固定值)、varaible(系統變數)、function(自定義方法))

 

【註】若先前有在DD資料字典中做好設定，在精靈產生頁面時會自動建好查詢欄位。

 

Step11>  查詢模式分為三種， Dialog(開窗式查詢介面)、 Panel(固定在DataGrid上方)，Fuzzy(模糊查詢)，預設為Panel。

 

 

Panel：

 

Dialog：

 

Fuzzy：

 

Step12>  預設DataGrid上ToolItem屬性裡已經有查詢按鈕，若沒有可以手動加入，從工具箱裡將Query鈕拖拉到DataGrid上：

 

 

或是直接設定DataGrid的ToolItems屬性，新增一個按鈕：

 

 

Text：按鈕的文字。

IconCls：按鈕的圖示。

IconAlign：圖示的位置。

BtnCls：按鈕的樣式。

Hidden：是否隱藏按鈕，預設為False代表不隱藏。

onClick：按鈕觸發所呼叫的JS方法。