Microsoft AjaxToolkits之7.PopupControl控件

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

posted @ 2012-05-20 21:30  烧点饭  阅读(264)  评论(0编辑  收藏  举报