利用javascript实现向UpdatePanel外部传值
2014-11-20 16:25
429 查看
.aspx代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UpdatePanel控件.aspx.cs" Inherits="练习.UpdatePanel控件" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="js/jquery-1.9.1.js" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager><%--必须要有的--%> <asp:Panel ID="Panel1" runat="server"> <p><%=DateTime.Now.ToFileTime()%></p> <asp:Button ID="Button1" runat="server" Text="Button" /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </asp:Panel> <hr/> <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> <ContentTemplate> <p><%=DateTime.Now.ToFileTime()%></p> <asp:Button ID="Button2" runat="server" Text="Button" /> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> </ContentTemplate> <Triggers> <asp:PostBackTrigger ControlID="Button2" /><%--同步更新,整个页面都提交,指向Panels内部的控件 --%> </Triggers> </asp:UpdatePanel> <hr/> <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> <ContentTemplate> <p><%=DateTime.Now.ToFileTime()%></p> <asp:Button ID="Button3" runat="server" Text="Button" /> <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="Button1" /><%--异步更新,只提交本控件,往往指向外部控件,例如Button1--%> </Triggers> </asp:UpdatePanel> <hr/> <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional"> <ContentTemplate> <asp:Calendar ID="Calendar1" runat="server" onselectionchanged="Calendar1_SelectionChanged"></asp:Calendar> <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox> </ContentTemplate> </asp:UpdatePanel> </div> </form> </body> </html>
.aspx.cs代码如下:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace 练习 { public partial class UpdatePanel控件 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Calendar1_SelectionChanged(object sender, EventArgs e) { //利用javascript将日期值显示到TextBox1中;即Panel外部 string _sData = Calendar1.SelectedDate.ToLongDateString(); string _script="$('#TextBox1').val('"+_sData+"')"; ScriptManager.RegisterStartupScript(this, this.GetType(),"",_script,true); //里面放文本框 TextBox4.Text = _sData; } } }实现效果如下:
相关文章推荐
- 如何利用GridView与UpdatePanel组合实现无刷新:新增、编辑、删除、分页效果?
- 利用JavaScript实现隐藏推介链接(任意外部链接)
- 利用UpdatePanel实现部分更新内容
- JavaScript实现GridView行交替与行选中颜色变化,缺点是加入分页和UpdatePanel后,点击下一页后,功能就消失了
- ASP之利用updatepanel和Timer实现局部定时刷新
- ASP之利用updatepanel和Timer实现局部定时刷新
- 利用GridView与UpdatePanel组合实现无刷新:新增、编辑、删除、分页效果
- [转]利用javascript实现md5的本地加密
- 如何在CSS样式中利用expression实现JavaScript中的onmouseover/onmouseout事件
- 利用Javascript 与 VBscript 在asp中实现图片自动切换
- 用JavaScript实现利用FLASH嵌入网页声音
- 在asp.net ajax 1.0 的updatePanel中如何实现文件下载
- 利用javascript中的call实现继承
- ASP.NET2.0下利用javascript实现TreeView中的checkbox全选!
- 编写组件,使用JavaScript更新UpdatePanel (转载)
- 利用Eclipse的Update组件实现适合企业应用的更新组件(1)
- 利用窗体的自定义属性实现窗体传值
- 利用JavaScript实现树型结构的TreeView类!(源代码,欢迎大家指教
- 利用JavaScript方法实现静态html页面参数传递
- JavaScript总结(1)-Asp.Net 中利用JavaScript实现客户端验证