AjaxGridView

為了能夠使AjaxGridView更加符合使用者的要求，Ajax新元件還支持了DateTimePicker和CheckBox兩種元件的顯示模式。在下面的實例中，我們將透過bOrders這個aspx的Form來快速的完成兩個元件的應用。

CheckBox

CheckBox實際是在AjaxGridView的Columns中針對每個欄位來設定的，就是對Column的Editor屬性設定為CheckBox即可，當然該屬性只支持FieldType為boolean的欄位才能設定為CheckBox的模式。我們再次進入ExtGridColumn Collection Editor視窗中，將col SpecialOffer欄位的Editor屬性選為CheckBox，再次瀏覽下效果，如圖：

DateTimePicker

在AjaxGridView使用Generate Column的自動產生欄位的功能時，系統會自動識別dateTime類型的欄位並將Editor設為DateTimePicker以及Formatter為Y/m/d的格式。進入ExtGridColumn Collection Editor視窗，可以看到colDelivery已經將日期類型欄位的Editor屬性設為DateTimePicker了。

那麼我們就來瀏覽一下效果，如圖：

AjaxFormView

在AjaxGridView中説明的兩個元件在AjaxFormView中同樣適用。在下面的例子中我們會通過bFormViewProducts.aspx以及bFormViewbOrders.aspx分別説明CheckBox以及DataTimePicker的功能。

CheckBox

在bFormViewProducts.aspx我們找到AjaxFormView1的Fields屬性，同樣我們找到是boolean類型的欄位Discontinued。我們將它的Editor設定為CheckBox

運行效果如下圖：

DateTimePicker

在AjaxFormView中系統同樣也會自動識別dateTime類型的欄位並將Editor設為DateTimePicker以及Formatter為Y/m/d的格式。其設定方式同AjaxGridView的設定，顯示效果如下圖：

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