现在的位置: 首页 > 综合 > 正文

PopupControl

2012年05月12日 ⁄ 综合 ⁄ 共 1405字 ⁄ 字号 评论关闭

PopupControl控件可以实现弹出任何类型的控件,不管是服务器端控件还是HTML控件。在某控件获取焦点时弹出另一个控件进行一些操作后,隐藏弹出的控件。

属性列表:
TargetControlID: 需要弹出的控件的id,一般为TextBox
PopupControlID :作为弹出控件的id,一般为Panel
Position: 弹出控件的位置
OffsetX/OffsetY :弹出控件的位置与默认位置的相对坐标
CommitProperty: 目标控件的客户端属性,这个属性是它的值在弹出窗口选择完值后要更新的属性,比如可以是TextBox客户端属性value(注:不是Text属性),即是<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>生成HTML标签<input type="text" name="textfield" value="aa">后的属性value。
CommitScript: 提交后执行的脚本

实例解析一、简单应用,文本框获取焦点后日期控件出现,选择相应日期文本框获得相应数据

    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
   
    </div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <cc1:popupcontrolextender id="PopupControlExtender1" runat="server" offsetx="-6"
                    offsety="-6" popupcontrolid="Calendar1" position="Right" targetcontrolid="TextBox1"></cc1:popupcontrolextender>
                生日:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
                <asp:Calendar ID="Calendar1" runat="server" OnSelectionChanged="Calendar1_SelectionChanged"
                    Width="221px"></asp:Calendar>
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>

    protected void Calendar1_SelectionChanged(object sender, EventArgs e)
    {
        DateTime dateValue;
        dateValue =Convert.ToDateTime ( Calendar1.SelectedDate);
        TextBox1.Text = dateValue.ToString();
    }

 

 

抱歉!评论已关闭.