asp.net gridview实现正在加载效果方案一AJAX(转)
2013-08-01 16:01
459 查看
前台代码:
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<fieldset>
<legend>UpdatePanel</legend>
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
正在加载数据.............
</ProgressTemplate>
</asp:UpdateProgress>
<asp:GridView ID="GridView1" runat="server"
onrowcreated="GridView1_RowCreated"
onpageindexchanging="GridView1_PageIndexChanging" Width="1000px"
onrowdatabound="GridView1_RowDataBound"
EmptyDataText="没有查询到您所需要的数据" PageSize="15" AllowPaging="True" >
<FooterStyle CssClass="GridViewFooterStyle" />
<RowStyle CssClass="GridViewRowStyle" />
<SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
<PagerStyle CssClass="GridViewPagerStyle" />
<AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
<HeaderStyle CssClass="GridViewHeaderStyle" />
</asp:GridView>
</fieldset>
</ContentTemplate>
</asp:UpdatePanel>
后台cs代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!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> </head> <body> <form id="form1" runat="server"> <div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<fieldset>
<legend>UpdatePanel</legend>
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
正在加载数据.............
</ProgressTemplate>
</asp:UpdateProgress>
<asp:GridView ID="GridView1" runat="server"
onrowcreated="GridView1_RowCreated"
onpageindexchanging="GridView1_PageIndexChanging" Width="1000px"
onrowdatabound="GridView1_RowDataBound"
EmptyDataText="没有查询到您所需要的数据" PageSize="15" AllowPaging="True" >
<FooterStyle CssClass="GridViewFooterStyle" />
<RowStyle CssClass="GridViewRowStyle" />
<SelectedRowStyle CssClass="GridViewSelectedRowStyle" />
<PagerStyle CssClass="GridViewPagerStyle" />
<AlternatingRowStyle CssClass="GridViewAlternatingRowStyle" />
<HeaderStyle CssClass="GridViewHeaderStyle" />
</asp:GridView>
</fieldset>
</ContentTemplate>
</asp:UpdatePanel>
</div> </form> </body> </html>
后台cs代码:
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.SqlClient; using System.Data; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void Button1_Click(object sender, EventArgs e) { System.Threading.Thread.Sleep(3000); databind(); } public void databind() { string sql = "SELECT [orderid], [customerid], [shipvia], [shipname] FROM [orders]"; string con = "Data Source=.;Initial Catalog=northwind;User ID=sa;Password=19790601"; SqlConnection mycon = new SqlConnection(con); mycon.Open(); SqlDataAdapter mydt = new SqlDataAdapter(sql, mycon); DataSet ds = new DataSet(); mydt.Fill(ds); GridView1.DataSource = ds; GridView1.DataBind(); mycon.Close(); } protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e) { GridView1.PageIndex = e.NewPageIndex; databind(); } }
相关文章推荐
- asp.net gridview实现正在加载效果方案一
- Asp.net中实现正在加载效果
- asp.net 正在加载效果实现
- GridView 72般绝技,Javascript与asp.net 实现Ajax多文件无刷新上传,在ASP.NET中执行URL重写经典方案
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- 通过AJAX与ASP.NET结合实现的仿GridView增删改查功能
- 通过AJAX与ASP.NET结合实现的仿GridView增删改查功能!
- ASP.Net AJAX+userControl+js实现仿igoogle效果网站
- Asp.net使用JQuery实现评论的无刷新分页及分段延迟加载效果
- Asp.net"页面加载中"效果实现
- 在ASP.NET中实现Ajax AutoComplete效果
- ASP.Net AJAX+userControl+js实现仿igoogle效果网站
- 使用jQuery实现ASP.NETGridView折叠伸展效果 推荐
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- ASP.NET服务器端事件利用MARQUEE实现正在处理效果
- Asp.net 2.0 GridView的几个事件(如实现: 行的双击/单击/捕捉键盘按键/鼠标悬浮/移出效果)(示例代码下载)
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]
- Asp.net 2.0 自定义控件开发[实现GridView多行表头固定表体滚动效果][示例代码下载]