Gridview各種功能+AspNetPager+Ajax實現無重新整理儲存過程分頁

阿新 • • 發佈：2019-01-29

儲存過程：

GetProductsCount1：

                                         CREATE PROCEDURE GetProductsCount1 AS
                                         select count(*) from test
                                         GO

GetProductsByPage：

                                       CREATE PROCEDURE GetProductsByPage
             @PageNumber int,
                 @PageSize int
                                       AS
          declare @sql nvarchar(4000)
                                       set @sql = 'select top ' + Convert(varchar, @PageSize) + ' * from test where id not in (select top ' + Convert(varchar, (@PageNumber - 1) * @PageSize) + ' id from test)'
         exec sp_executesql @sql
GO

前臺程式碼： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %> <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" Namespace="System.Web.UI" TagPrefix="asp" %> <!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> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .lbtnstyle{ font-size: 12px; color: black; text-decoration: none;color:red; } .anpager .cpb {background:#1F3A87 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;font-size:12px} .anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#1F3A87;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none;font-size:12px} .anpager a:hover{background:#1F3A87 none repeat scroll 0 0;border:1px solid #1F3A87;color:#FFFFFF;} </style> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <table> <tr> <td width="150"> <asp:TextBox ID="txtname" runat="server"></asp:TextBox> </td> <td width="300"> <asp:Button ID="btninsert" runat="server" Text="新增行" /> </td> </tr> <tr> <td colspan="2"> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" Width="450px" CellPadding="4" ForeColor="#333333" GridLines="None" style="font-size:12px" mce_style="font-size:12px" OnRowDataBound="GridView1_RowDataBound1"> <Columns> <asp:TemplateField> <HeaderTemplate> ID </HeaderTemplate> <EditItemTemplate><asp:TextBox ID="txtid" runat="server" Text='<%#Eval("id") %>' Enabled="false"></asp:TextBox></EditItemTemplate> <ItemTemplate> <asp:Label ID="labid" runat="server" Text='<%# Eval("id") %>'></asp:Label></ItemTemplate> <ControlStyle Width="170px" /> </asp:TemplateField> <asp:TemplateField> <HeaderTemplate> 名稱 </HeaderTemplate> <EditItemTemplate><asp:TextBox ID="txtname" runat="server" Text='<%#Eval("name") %>'></asp:TextBox></EditItemTemplate> <ItemTemplate> <asp:Label ID="labname" runat="server" Text='<%# Eval("name") %>'></asp:Label></ItemTemplate> <ControlStyle Width="170px" /> </asp:TemplateField> <asp:TemplateField> <EditItemTemplate> <asp:LinkButton ID="lbtnupdt" runat="server" CommandName="Update" Text="更新" class="lbtnstyle" OnClientClick="return confirm('確定更新？');"></asp:LinkButton> <asp:LinkButton ID="lbtncan" runat="server" CommandName="Cancel" Text="取消" class="lbtnstyle"></asp:LinkButton> </EditItemTemplate> <ItemTemplate> <asp:LinkButton ID="lbtnedit" CommandName="Edit" runat="server" Text="編輯" class="lbtnstyle" ></asp:LinkButton> <asp:LinkButton ID="lbtndel" CommandName="Delete" runat="server" Text="刪除" class="lbtnstyle" OnClientClick="return confirm('確定刪除？');"></asp:LinkButton> </ItemTemplate> </asp:TemplateField> </Columns> <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <RowStyle BackColor="#EFF3FB" /> <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" /> <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" /> <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" /> <EditRowStyle BackColor="#2461BF" /> <AlternatingRowStyle BackColor="White" /> </asp:GridView> </td> </tr> <tr> <td colspan="2" align="right"> <webdiyer:AspNetPager ID="AspNetPager1" runat="server" CssClass="anpager" CurrentPageButtonClass="cpb" FirstPageText="首頁" LastPageText="尾頁" NextPageText="下一頁" PrevPageText="上一頁"> </webdiyer:AspNetPager> </td> </tr> </table> </ContentTemplate> </asp:UpdatePanel> </div> </form> </body> </html>

後臺程式碼： private SqlConnection con; int currentPageNumber;//當前頁號 int pageSize = 10;//每頁顯示記錄條數 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { currentPageNumber = 1; ViewState["currentPageNumber"] = currentPageNumber; getbind(); } //註冊事件 GridView1.RowDeleting += new GridViewDeleteEventHandler(GridView1_RowDeleting); GridView1.RowEditing += new GridViewEditEventHandler(GridView1_RowEditing); GridView1.RowUpdating += new GridViewUpdateEventHandler(GridView1_RowUpdating); GridView1.RowCancelingEdit += new GridViewCancelEditEventHandler(GridView1_RowCancelingEdit); btninsert.Click += new EventHandler(btninsert_Click); AspNetPager1.PageChanged += new EventHandler(AspNetPager1_PageChanged); } //分頁事件 void AspNetPager1_PageChanged(object sender, EventArgs e) { currentPageNumber= AspNetPager1.CurrentPageIndex; ViewState["currentPageNumber"] = currentPageNumber; getbind(); } //新增一行資料事件 void btninsert_Click(object sender, EventArgs e) { string sql = "insert into test (name)values('" + txtname.Text + "')"; con = new SqlConnection("Server=.;DataBase=JobWanted Apartment;Uid=sa;pwd="); SqlCommand cmd = new SqlCommand(sql, con); con.Open(); cmd.ExecuteNonQuery(); getbind(); } //取消GridView編輯 void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) { GridView1.EditIndex = -1; getbind(); } //GridView修改事件 void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e) { string sql = "update test set name='" + (((TextBox)GridView1.Rows[e.RowIndex].FindControl("txtname")).Text) +"' where id='"+Convert.ToInt32(((TextBox)GridView1.Rows[e.RowIndex].FindControl("txtid")).Text)+"' "; con = new SqlConnection("Server=.;DataBase=JobWanted Apartment;Uid=sa;pwd="); SqlCommand cmd = new SqlCommand(sql, con); con.Open(); cmd.ExecuteNonQuery(); GridView1.EditIndex = -1; getbind(); } //GridView編輯事件 void GridView1_RowEditing(object sender, GridViewEditEventArgs e) { GridView1.EditIndex = e.NewEditIndex; getbind(); } //GridView刪除行事件 void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e) { string sql = "delete from test where id='" + Convert.ToInt32(((Label)GridView1.Rows[e.RowIndex].FindControl("labid")).Text) + "'"; con = new SqlConnection("Server=.;DataBase=JobWanted Apartment;Uid=sa;pwd="); SqlCommand cmd = new SqlCommand(sql, con); con.Open(); cmd.ExecuteNonQuery(); getbind(); } //GridView資料繫結 private void getbind() { currentPageNumber =Convert.ToInt32( ViewState["currentPageNumber"]); con = new SqlConnection("Server=.;DataBase=JobWanted Apartment;Uid=sa;pwd="); SqlCommand cmd = new SqlCommand("GetProductsCount1", con); cmd.CommandType = CommandType.StoredProcedure; SqlCommand cmd1 = new SqlCommand("GetProductsByPage", con); cmd1.CommandType=CommandType.StoredProcedure; cmd1.Parameters.Add("@PageNumber", SqlDbType.Int, 4).Value = currentPageNumber; cmd1.Parameters.Add("@PageSize", SqlDbType.Int, 4).Value = pageSize; con.Open(); DataTable dt = new DataTable(); SqlDataAdapter adapter = new SqlDataAdapter(cmd1); adapter.Fill(dt); //AspNetPager1.PageSize = 10;//設定每頁顯示的行數 AspNetPager1.RecordCount = (int)cmd.ExecuteScalar();//得出總的記錄條數 AspNetPager1.CurrentPageIndex = currentPageNumber; GridView1.DataSource = dt; GridView1.DataBind(); } //GridView高亮行顯示 protected void GridView1_RowDataBound1(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { e.Row.Attributes.Add("onmouseover", "c=this.style.backgroundColor,this.style.backgroundColor='#C7DEF3'"); e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=c"); } }

Gridview各種功能+AspNetPager+Ajax實現無重新整理儲存過程分頁

Gridview各種功能+AspNetPager+Ajax實現無重新整理儲存過程分頁

jQuery+php+ajax實現無重新整理上傳檔案功能

spring mvc + ajax實現無重新整理下載檔案

PHP＋AJAX實現無重新整理註冊（帶使用者名稱實時檢測）程式碼

PHP + JavaScript + Ajax 實現無重新整理頁面載入效果

javascript專案實戰---ajax實現無重新整理分頁

Echats結合Ajax實現無重新整理實時投票

如何使用ajax實現無重新整理上傳

thinkphp下ajax實現無重新整理刪除

Ajax實現無重新整理表單提交

用AJAX實現無重新整理資料讀取與顯示

asp.net mvc基於jQuery+Ajax實現無重新整理分頁

History配合Ajax實現無重新整理頁面跳轉

SSH三大框架的整合+利用Ajax實現無重新整理分頁

jsp+ajax實現無重新整理滑鼠離開文字框即驗證使用者名稱

jQuery實現無重新整理切換主題面板功能

tp5+ajax+jq實現無重新整理分頁

ASP.NET+Ajax+JQuey+Json資料+儲存過程實現無重新整理分頁

jquery+ajax+servlet實現無重新整理圖片上傳

asp.net Mvc4 使用ajax結合分頁外掛實現無重新整理分頁

Gridview各種功能+AspNetPager+Ajax實現無重新整理儲存過程分頁

相關推薦