Ajax Toolkit 控制項學習系列(9) ——PopupControlExtender

• 例子還是簡單，使用TextBox和相關的控制項。點擊TextBox之後，出來的是一個Panel，帶3個Linkbutton。我覺得我也沒用好，沒發揮到好的水平。讓我感覺他的功能有點像DropXXXExtender。總的來說有點差不多。
• 不多說，還是看效果先。

　　

　　TextBox提示信資訊，之後還是選擇你所需要的。不過這隻是參考，完全可以自己輸入自己想要的。

　　

　　PopupControlExtender 還是幾個屬性。

　　TargetControlID 那個觸發這個控制項。

　　PopupControlID 彈出的ID。

　　Position 彈出之後的方式，在所控制的那個控制項的什麼位置。

　　OffsetXY控制其絕對的的位置。

　　當然了，還有其他更多的屬性，需要的可以研究下。

<div>
<asp:ScriptManager ID="sm" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID ="tb" runat ="server" ></asp:TextBox>
<ajax:TextBoxWatermarkExtender ID ="tbwe_tb" runat="server" TargetControlID ="tb" WatermarkText ="你要做的事情." ></ajax:TextBoxWatermarkExtender>
<asp:Panel ID ="panel" runat ="server" >
<asp:LinkButton ID ="linkbutton1" runat="server" Text ="做飯" OnClick ="lb_OnClick"></asp:LinkButton>
<asp:LinkButton ID ="linkbutton2" runat="server" Text ="洗臉" OnClick ="lb_OnClick"></asp:LinkButton>
<asp:LinkButton ID ="linkbutton3" runat="server" Text ="睡覺" OnClick ="lb_OnClick"></asp:LinkButton>
</asp:Panel>
<ajax:PopupControlExtender ID ="pce" runat ="server" TargetControlID ="tb" PopupControlID="panel" Position="Bottom"></ajax:PopupControlExtender>
</ContentTemplate>
</asp:UpdatePanel>
</div>

 

　　選擇之後返回的內容，一行代碼。

　　

        protected void lb_OnClick(object sender, EventArgs e)
        {
this.tb.Text = ((LinkButton)sender).Text;
        }