GridView客户端分页无法正常工作

时间:2014-09-21 17:47:29

标签: c# javascript asp.net arrays gridview

处理来自其他程序的数据(例如,在此代码中,我使用随机数字数组 - 就像来自其他程序的查询数据一样)。查询DataTable并绑定到GridView +添加所有行删除按钮。

在删除按钮上单击 - 此按钮处于非活动状态(使用button.Enabled = false;UpdatePanel所以按钮单击我有“旧”数组一切都很好用)。 但是当我使用分页时 - 我每次都有“新”数组。

如何解决?我需要 - 在第一页我单击按钮 - 它们变为非活动状态,然后我选择第二页,然后返回第一页并看到“旧”数组与非活动按钮。

ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!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">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    <asp:UpdatePanel ID="Up1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDeleted="GridView1_RowDeleted"
            OnRowDeleting="GridView1_RowDeleting" OnDataBinding="GridView1_DataBinding" AllowPaging="true" PageSize="10" OnPageIndexChanging="GridView1_PageIndexChanging">
            <Columns>
                <asp:BoundField DataField="Name" ItemStyle-Width="200px">
                    <ItemStyle Width="200px"></ItemStyle>
                </asp:BoundField>
                <asp:BoundField DataField="Number" ItemStyle-Width="200px">
                    <ItemStyle Width="200px"></ItemStyle>
                </asp:BoundField>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                            <ContentTemplate>
                                <asp:Button ID="Button2" runat="server" Text="Button" onclick="Button2_Click" OnClientClick="return DeleteConfirm();" />
                                <asp:HiddenField ID="HiddenField2" runat="server" Value='<%# Bind("Name") %>' />

                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </ItemTemplate>
                </asp:TemplateField>



            </Columns>
        </asp:GridView>
        </ContentTemplate>
        </asp:UpdatePanel>
        <br />
        <br />
        <br />
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Reset" />
    </div>
    </form>
    <script type="text/javascript">
        function DeleteConfirm() {
            if (confirm("Are you sure you want to delete this customer from excluded customer list ?")) {
                return true;
            }
            return false;
        }
    </script>
</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;
using System.Data;

namespace WebApplication1
{

        public partial class WebForm1 : System.Web.UI.Page
        {
            private  DataTable _Source;

            public WebForm1()
            {
                ResetData();
            }

            private  void ResetData()
            {
               _Source = new DataTable();
               _Source.Columns.Add("Name", typeof(string));
                _Source.Columns.Add("Number", typeof(string));
                Random rn = new Random();
                for (int t = 0; t < 100; t++)
                {
                    _Source.Rows.Add(rn.Next(1, 10).ToString(), rn.Next(1, 10).ToString());
                }

            }

            protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                    GridView1.DataBind();
            }

            protected void GridView1_RowDeleted(object sender, GridViewDeletedEventArgs e)
            {

            }

            protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
            {
                _Source.Rows.RemoveAt(e.RowIndex);
                //GridView1.DataBind();
                Response.Redirect("~/WebForm1.aspx");
            }

            protected void Button1_Click(object sender, EventArgs e)
            {
                ResetData();
                GridView1.DataBind();
            }

            protected void GridView1_DataBinding(object sender, EventArgs e)
            {
                GridView1.DataSource = _Source;
            }

            protected void Button2_Click(object sender, EventArgs e)
            {
                var button = sender as Button;
                button.Enabled = false;
                var hidden = button.Parent.FindControl("HiddenField2") as HiddenField;
                var name = hidden.Value;
                DeletForName(name);
            }

            protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
            {
                GridView1.PageIndex = e.NewPageIndex;
               // GridView1.DataSource = _Source;
                //GridView1.DataBind();

            }
            private  void DeletForName(string name)
            {
                foreach (DataRow row in _Source.Rows)
                    if (row["Name"].Equals(name))
                    {
                      _Source.Rows.Remove(row);
                        break;
                    }
            }
        }
    }

1 个答案:

答案 0 :(得分:0)

您基本上需要在请求之间存储数据源。一种选择是使用Session变量:

public partial class WebForm1 : System.Web.UI.Page
    {
        private DataTable _Source;

        public WebForm1()
        {
        }

        private void ResetData()
        {
            _Source = new DataTable();
            _Source.Columns.Add("Name", typeof(string));
            _Source.Columns.Add("Number", typeof(string));
            Random rn = new Random();
            for (int t = 0; t < 100; t++)
            {
                _Source.Rows.Add(rn.Next(1, 10).ToString(), rn.Next(1, 10).ToString());
            }

            Session["data"] = _Source;
        }

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                ResetData();
                GridView1.DataBind();
            }
            _Source = Session["data"] as DataTable;
        }

        protected void GridView1_RowDeleted(object sender, GridViewDeletedEventArgs e)
        {

        }

        protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
        {
            ((DataTable)Session["data"]).Rows.RemoveAt(e.RowIndex);
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            ResetData();
            GridView1.DataBind();
        }

        protected void GridView1_DataBinding(object sender, EventArgs e)
        {

            GridView1.DataSource = _Source;
        }

        protected void Button2_Click(object sender, EventArgs e)
        {
            var button = sender as Button;
            button.Enabled = false;
            var hidden = button.Parent.FindControl("HiddenField2") as HiddenField;
            var name = hidden.Value;
            DeletForName(name);
        }

        protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {

            GridView1.PageIndex = e.NewPageIndex;
            GridView1.DataBind();

        }
        private void DeletForName(string name)
        {

            foreach (DataRow row in _Source.Rows)
                if (row["Name"].Equals(name))
                {
                    _Source.Rows.Remove(row);
                    break;
                }
        }
    }

基本上,当页面加载时,如果它不是回发,它会创建一个新的DataTable并将其存储在Session变量中。如果是回发,它会从Session变量中提取已存在的数据。此外,您只需要在需要创建新ResetData时调用DataTable函数,因此我将其从构造函数中删除。

此外,请确保实际数据源的Name列是唯一的,因为您的删除功能将删除具有您要查找的名称的第一行,而不一定是您选择删除的行。 / p>

希望这有帮助!

修改

两种可能性。我认为最有可能的是,您希望将删除的数据保留在表中,但只需将其标记为已删除并在gridview中禁用其删除按钮。为此,我的直觉是在表中添加一个布尔列,指示是否已删除行。然后,当一行是数据绑定时,检查它是否已被删除并相应地禁用该按钮:

private void DeletForName(string name)
{

    foreach (DataRow row in _Source.Rows)
        if (row["Name"].Equals(name))
        {
            row["Deleted"] = true;
            break;
        }
}

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        if ((bool)((System.Data.DataRowView)e.Row.DataItem)["Deleted"])
        {
            ((Button)e.Row.FindControl("Button2")).Enabled = false;
        }
    }
}

如果要从表中删除该项,但仍然在已删除的行的索引处禁用该按钮,则会更复杂一些。让我知道是否是这种情况,我可以尝试帮助,但似乎更有可能上面是你想要的。