在AjaxGridView的設計與以前Web的開發不同，過去我們對資料進行查詢時，我們是通過對WebNavigator的QueryFeilds進行設定，從而完成查詢的設定。但是在Ajax的新元件上已經沒有了WebNavigator的元件，取而代之的是每個元件上的ToolItems用來設定查詢的按鈕圖標，而實際的查詢是通過Columns中的一些Query屬性進行設定。下面我們一起來看一下如何進行AjaxGridView的內建查詢功能。下面這個例子我們以bFormViewbOrders為例來完成講解。

查詢基本設置選中agvView元件找到QueryField屬性，點開右側的按鈕，我們這裡需要對OrderID、CustomerID以及OrderDate進行查詢。其中，CustomerID需要使用extComboBox進行查詢，而OrderDate使用DateTime查詢。這裡需要説明的是，在查詢時顯示的元件決定於Columns的Editor的屬性設定值，當該Editor設定為ComboBox時，則需要配合EditControlId進行設置。因而我們首先在Columns的屬性中將CustomerID的 Editor使用的ComboBox，同時將EditControlId選為在前面例子中完成的extOrdersCustomerID；OrderDate的Editor使用的DateTimePicker，由於在產生欄位時系統會自動辨別該欄位的類型，如果是DateTime的欄位那麽Editor自動產生為DateTimePicker。

接下來，我們需要做的是在QueryField屬性中添加OrderID的QueryCondition為And，Operater使用默認的”=”；CustomerID同樣QueryCondition為And，Operater使用默認的”=”；OrderDate的QueryCondition也設定為And，Operater使用默認的”=”，設定如下圖：

設定完成後，點擊確定按鈕。接著我們通過InfoLogin.aspx重新登陸，一起來瀏覽一下效果。當我們點選View的查詢按鈕時，系統會自動產生一個查詢Panel,查詢的欄位會相應的產生Editor中設定的元件。

查詢Panel大小設定

選擇查詢按鈕後，系統自動浮出的Panel的高度現在的預設是265 (Width) * 400(Height)，這裡我們也可以對agvView的QueryInnerPanelHeight以及QueryInnerPanelWidth兩個屬性進行修改，從而改變浮出Panel的寬高。本例按照下圖設定。

最後，我們一起看一下修改後的效果。

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