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;
        }