1.设定ScriptManager的EnablePartialRendering="true"(一般默认为true)

2.设定要进行局部刷新panel的UpdateMode="Conditional"(本panel 的id为zz)
  这样就可以保在本panle内的控件操作refresh页面时,
  不会将整个page刷新,而刷新本panle中的
  如果还想作其它操作时refresh这个panel中的控件可以如下操作

3.加入<Triggers><asp:AsyncPostBackTrigger ControlID="xx" EventName="yy" /></Triggers>
  其中ControlID写相关的控件id,EventName写该控件的事件
  这样就会,如果这个近件(xx)做yy动作时,将会refresh zz这个panel

eg:
<%--第一个panel--%>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" >
<ContentTemplate>       
    <asp:TreeView ID="ctlUnitTree" runat="server" EnableClientScript="False"
      OnSelectedNodeChanged="ctlUnitTree_SelectedNodeChanged"
      OnTreeNodeExpanded="ctlUnitTree_TreeNodeExpanded">
    </asp:TreeView>
</ContentTemplate>
</asp:UpdatePanel>

<%--第二个panel--%>
<asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional" >
<ContentTemplate>
 <asp:TextBox ID="txtLoginID" Enabled="false" runat="server" ></asp:TextBox>
</ContentTemplate>
<Triggers>
    <asp:AsyncPostBackTrigger ControlID="ctlUnitTree" EventName="SelectedNodeChanged" />
</Triggers>
</asp:UpdatePanel>

作用就是:
第一个panel中的tree变更选中节点时,
将会refesh第二个panel中的值
而第二个panel中做任何作动将不会影响第一个panel

4.如果想第二个panel中的textbox改变时,要refresh第一个panel
  可在第一个panel中加及同样的
  <Triggers>
    <asp:AsyncPostBackTrigger ControlID="ctlUnitTree" EventName="TextChanged" />
  </Triggers>
  或者在OnTextChanged事件中加入UpdatePanel1.update();进行强行refresh

转载于:https://www.cnblogs.com/freeliver54/archive/2007/01/23/628279.html

Ajax:如何运用updatepanle进行局部刷新相关推荐

  1. Ajax.ActionLink 辅助方法实现局部刷新

    1,需要引用一个JS文件jquery.unobtrusive-ajax.min.js[MVC4 默认存在Scripts文件夹里]引用到母版页  _Layout.cshtml,并且一定要放在JQuery ...

  2. Demo:充分利用 Ajax 技术 来体现页面局部刷新 效果(获取天气预报情况)

    天气预报读取,充分利用了Ajax技术来体现页面无刷新. 如果想获取源码,进一步学习和交流,可以回复,留下你的Email.  1.  2  3    <link href="Style/ ...

  3. 通过Ajax来简单的实现局部刷新(主要为C#中使用的UpdatePanel控件和ScriptManager控件)...

    1. ScriptManager和UpdatePanel控件联合使用可以实现页面局部异步刷新的效果.UpdatePanel用来设置页面中局部异步刷新的区域,它必须依赖于ScriptManager,因为 ...

  4. JavaScript通过API调取信息,AJAX请求,局部刷新

    (个人的学习笔记,代码注释比较详细,可能废话也比较多) AJAX是网页异步刷新.局部刷新 AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后 ...

  5. AJAX:实现局部刷新

    开始时间:2021-09-04 AJAX 全局刷新和局部刷新 全局刷新:整个浏览器被新的数据覆盖.在网络中传输大量的数据.浏览器需要加载,渲染页面. 部分刷新:在浏览器器的内部,发起请求,获取数据,改 ...

  6. 1.Ajax局部刷新技术概述,底层原理,全局刷新的例子

    文章目录 Ajax 0.第四阶段概述 本阶段课程内容: 哪些感觉比较难? 1.全局刷新 和局部刷新 2.异步对象 3.Ajax 4.Ajax中使用异步对象 (1)创建异步对象 (2)给异步对象绑定事件 ...

  7. 关于Ajax局部刷新

    有关Ajax 目录 一.什么是Ajax? 二.Ajax的核心对象XMLHttpRequest 1.使用步骤 (1)创建异步对象 (2)绑定事件 (3)初始化请求 (4)发送请求 2.属性 一.什么是A ...

  8. struts2 jquery ajax 局部刷新遇到的各种问题

    我们的网站一开始都是由前台提交表单到action,每次一个小操作整个页面都会刷新,影响用户体验,这次由我实现部分功能的局部刷新,但是初学ajax遇到不少问题 1.我们在struts.xml外扩展了一个 ...

  9. 动态生成能够局部刷新的验证码【AJAX技术】---看了不懂赔你钱

    在开发JavaWeb应用时,动态生成能够局部刷新的验证码是一项必须的功能,在这里我们将会详细的讲解如何实现这一功能. 一.涉及技术 该功能需要用到AJAX异步传输技术,这样能保证在点击"看不 ...

最新文章

  1. JSP proxool+mysql数据库连接池配置
  2. Delphi 与 DirectX 之 DelphiX(72): TDIB.SephiaEffect();
  3. Java 序列化 之 单例模式
  4. 新建文章1,改名后按回车
  5. 2 自动递增_有石CAD自动下单,1天工作量1小时完成
  6. 组合逻辑电路运算法则
  7. Linux下的C编程实战之文件系统编程
  8. android studio提示要重写的方法,Android Studio 重写方法时参数命名异常
  9. 到底是微信窃取隐私,还是输入法光明正大收集用户信息?
  10. java从入门到精通_Java大数据:数据库开发从入门到精通
  11. 一些NER的英文数据集
  12. Spring解析@ComponentScan注解的执行流程
  13. 休闲策略游戏源码荒野总动员H5+安卓+IOS三端源码
  14. Java自学指南一、找一个开始并能坚持下去的理由
  15. 【转载】 ppt如何导出300dpi的高分辨率图片
  16. python中difference_update_Python学习笔记-Python基础(二)
  17. CyberArk被评为Gartner特权访问管理魔力象限的领导者
  18. java 输入一个时间,获取当前周的周一以及周五时间【自然周】
  19. java基础知识总结(三)
  20. java 翻译 go语言_cgo 和 Go 语言是两码事【已翻译100%】...

热门文章

  1. 架构师不可不知的十大可扩展架构
  2. 封装之--通过类中公有方法访问私有成员变量
  3. 深入理解并行编程-分割和同步设计(四)
  4. OSPF 邻接关系建立
  5. POJ-1556 The Doors 线段相交+最短路
  6. 快速构建Windows 8风格应用10-设备方向
  7. 选好财务软件做好企业管理
  8. Nhibernate教程2(3)
  9. MySQL存储过程编程
  10. C语言中使用静态函数的好处