ASP.net中的AJAX学习记录六 无刷新的数据编辑(GridView和DetailsView结合实例)
2008-12-09 10:40
721 查看
本篇博客是仿照书中实例,实现GridView和DetailsView结合无刷新的数据编辑效果,页面效果:当点击GridView1的行或换页时,都会引发DetailsView1的数据绑定显示至页面,同时当使用DetailsView1编辑、删除、添加时,也会引起GridView1的重新绑定,整体页面实现无刷新。
页面布局:
1.新建AJAX窗口,命名为:“NoRefreshEdit.aspx”。要想实现页面无刷新编辑,就必须使用两个Updatepanel。
2.在NoRefreshEdit.aspx页面中加入一个一行二列的表,分别在每个单元格中放入一个Updatepanel。
3.在Updatepanel1中加入一个表,最好加入一个数据数较多的表,方便你体会换页的刷新效果,我使用的是tb_info表,按照我习惯的做法,直接将它拖入到Updatepanel1中,自动生成绑定好的GridView1和sqldatasource1.开启GridView1中的选择、分页功能。
4.在Updatepanel2中放置一个sqldatasource2,将sqldatasource2的连接字符串也绑定到tb_info表上,开始配置sqldatasource2。单击“高级”按钮,选中生成Insert、Update、Delete语句,单击“where”按钮,将ID绑定为GridView1的SelectedValue事件触发的id值。
public partial class NoRefreshEdit : System.Web.UI.Page
2
那什么要编写这两行的代码,原因有二:1.DetailsView1并非是Updatepanel1的Triggers,所以它的任何动作不会刷新Updatepanel1控件,2.即使DetailsView1成为了Updatepanel1的Triggers,它的动作可以导致Updatepanel1的刷新,Updatepanel1刷新时也会因为GridView1控件没有重新绑定sqldatasource1,而持续显示上一次的列表。所以我们要同时让Updatepanel1刷新,也要让GridView1重新绑定。
当Updatepanel的UpdateMode改为conditional时,除了可以使用Triggers中设定来要求何时刷新外,还可以直接于程序代码中调用其update函数来要求该Updatepanel刷新。
页面布局:
1.新建AJAX窗口,命名为:“NoRefreshEdit.aspx”。要想实现页面无刷新编辑,就必须使用两个Updatepanel。
2.在NoRefreshEdit.aspx页面中加入一个一行二列的表,分别在每个单元格中放入一个Updatepanel。
3.在Updatepanel1中加入一个表,最好加入一个数据数较多的表,方便你体会换页的刷新效果,我使用的是tb_info表,按照我习惯的做法,直接将它拖入到Updatepanel1中,自动生成绑定好的GridView1和sqldatasource1.开启GridView1中的选择、分页功能。
4.在Updatepanel2中放置一个sqldatasource2,将sqldatasource2的连接字符串也绑定到tb_info表上,开始配置sqldatasource2。单击“高级”按钮,选中生成Insert、Update、Delete语句,单击“where”按钮,将ID绑定为GridView1的SelectedValue事件触发的id值。
public partial class NoRefreshEdit : System.Web.UI.Page
2
那什么要编写这两行的代码,原因有二:1.DetailsView1并非是Updatepanel1的Triggers,所以它的任何动作不会刷新Updatepanel1控件,2.即使DetailsView1成为了Updatepanel1的Triggers,它的动作可以导致Updatepanel1的刷新,Updatepanel1刷新时也会因为GridView1控件没有重新绑定sqldatasource1,而持续显示上一次的列表。所以我们要同时让Updatepanel1刷新,也要让GridView1重新绑定。
当Updatepanel的UpdateMode改为conditional时,除了可以使用Triggers中设定来要求何时刷新外,还可以直接于程序代码中调用其update函数来要求该Updatepanel刷新。
相关文章推荐
- ASP.net中的AJAX学习记录六 无刷新的数据编辑(GridView和DetailsView结合实例)
- Asp.net中的AJAX学习记录之二 体会AJAX页面刷新的不同(初体验)
- Asp.net中的AJAX学习记录之二 体会AJAX页面刷新的不同(初体验)
- ASP.Net MVC开发基础学习笔记(9):查看详情、编辑数据、删除数据
- ASP.NET中Gridview读取数据表列表页面常用操作-序号,编辑,删除,删除确认
- ASP.NET学习笔记---- 数据查询与展示GridView
- ASP.NET中ajaX学习记录
- ASP.net中的AJAX学习记录七:用javaScript来更新Updatepanel
- Asp.net中的AJAX学习记录之一 AJAX技术的崛起与Asp.net AJAX的诞生
- ASP.net中的AJAX学习记录之三 体会UpdateMode属性及使用UpdateTriggers
- ASP.NET + EXTJS 实现类似GridView行内编辑、Pannel、分页、增删改查、数据验证,格式转换
- ajax刷新ASP.NET Repeater控件的数据
- Scott Mitchell 的ASP.NET 2.0数据教程之53:从GridView的页脚插入新记录
- ASP.NET AJAX中 复杂数据类型使用简单实例
- [Asp.Net]GridView无代码分页排序,选中,编辑,取消,删除,正反双向排序,下拉菜单DropDownList结合
- 在SQL Server中巧妙存储树形结构数据及ASP.Net javaScript无刷新树形GridView的实现
- asp.net+JSON+Ajax(基于Prototype框架1.4)做无刷新的2级DropDownList代码实例
- 通过AJAX与ASP.NET结合实现的仿GridView增删改查功能
- ASP.NET编辑与更新数据(非GridView控件实现)
- ASP.net 中的AJAX学习记录之四 updateProgress控件的简单用法