PopupControlExtender 控件的使用(转)

PopupControlExtender 控件的使用

<ajaxToolkit:PopupControlExtender

   ID="PopupControlExtender1"

   runat="server"

   DynamicServiceMethod="GetDynamicContent"

   DynamicContextKey='<%# Eval("EmployeeID") %>'

   DynamicControlID="Panel1"

   TargetControlID="Image1"

   PopupControlID="Panel1"

   Position="right">

</ajaxToolkit:PopupControlExtender>

    TargetControlID：要和它结合在一起完成一定功能的目标控件ID.

    PopupControlID：显示弹出窗口的控件ID

    Position：是一个可选项设置，指弹出窗口相对于目标控件的位置，它的取值有：Left、Right、Top、Bottom、Center。

    CommitProperty：是一个可选项设置，用于把弹出框的返回结果赋给控件相应属性的属性名称。

    CommitScript：是一个可选项设置，在设置弹出框返回的结果后执行的附加脚本。

    OffsetX/OffsetY：相对于弹出窗口默认位置再偏移一定像素点数作为它的弹出位置，这个偏移量由该属性设置，单位是像素点数。

设置如下：

    <form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        开始日期：

        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

       <asp:Panel ID="Panel2" runat="server" Height="167px" Width="189px">

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

            <ContentTemplate>

                <asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#3366CC"

                        BorderWidth="1px" CellPadding="1" DayNameFormat="Shortest" Font-Names="Verdana"

                        Font-Size="8pt" ForeColor="#003399" Height="200px" OnSelectionChanged="Calendar1_SelectionChanged"

                        Width="220px">

                 <SelectedDayStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />

                        <TodayDayStyle BackColor="#99CCCC" ForeColor="White" />

                        <SelectorStyle BackColor="#99CCCC" ForeColor="#336666" />

                        <WeekendDayStyle BackColor="#CCCCFF" />

                        <OtherMonthDayStyle ForeColor="#999999" />

                        <NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />

                        <DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" />

                        <TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px" Font-Bold="True"

                            Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" />

                    </asp:Calendar>

            </ContentTemplate>

        </asp:UpdatePanel>

        </asp:Panel>

        <cc1:popupcontrolextender id="PopupControlExtender1" runat="server"

          PopupControlID="Panel2"

          TargetControlID="TextBox1" Position="Bottom">

        </cc1:popupcontrolextender>

    </div>

</form>

.CS文件事件中，如下：

    protected void Calendar1_SelectionChanged(object sender, EventArgs e)

    {

        this.PopupControlExtender1.Commit(this.Calendar1.SelectedDate.ToShortDateString());

    }

（没有找到原出处，没能注明转载地址非常抱歉）