AJAX ControlToolkit學習日誌-DropDownExtender控制項(9)

      該控制項可以添加在大多數的ASP.NET服務端控制項上，給它們提供一種下拉式菜單。這種下拉式菜單是另外一個控制項。

下面來看一個樣本：

1)在VS中建立一個ASP.NET AJAX-Enabled Web Project，取名為DropDownExtender1。

2)在Default.aspx頁面上拖放一個Label控制項，把它的Text屬性改為select your choice。同時在頁面上拖放一個Panel，並在它裡面拖放三個LinkButton。視圖如下：

其代碼如下：1        <asp:Label ID="Label1" runat="server" Text="select you choice" Width="166px"></asp:Label><br />
2        <asp:Panel ID="Panel1" runat="server" Height="92px" Width="163px" style="display:hidden">
3            <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton_Click">Red</asp:LinkButton>
4            <br />
5            <asp:LinkButton ID="LinkButton3" runat="server" OnClick="LinkButton_Click">Green</asp:LinkButton><br />
6            <asp:LinkButton ID="LinkButton2" runat="server" OnClick="LinkButton_Click">Blue</asp:LinkButton>
7        </asp:Panel>

3)完成以上步驟後，再在頁面上拖放一個DragDownExtender，設定它的一些屬性。視圖如下：

其代碼如下：        <cc1:dropdownextender id="DropDownExtender1" TargetControlID="Label1" DropDownControlID="Panel1" runat="server"></cc1:dropdownextender>

屬性說明：
   TargetControlID:就是需要綁定到該DropDownExtender的控制項，它將有一個下拉式功能表。
   DropDownControlID:以下拉式功能表形式顯示的控制項。

4)最後，在頁面上拖放一個UpdatePanel，在它裡面放一個Label，用於在下拉式清單中選擇了一個以後顯示其內容。視圖如下：

5)按下CTRL+F5，在瀏覽器裡查看效果。