具有所需寻呼机样式的Gridview分页的自定义页码

时间:2014-01-08 12:50:47

标签: c# asp.net gridview

我在gridview中实现功能显示记录,而不是按照默认页码,而是根据部门编号。例如 我有20个部门,有学生,所以我想显示部门标识符,即D1,D2,D3 ...作为页码,并点击该部门的学生将被加载到网格中。

我希望像附加图像一样分页,点击页码中的“...”时,它应该带我到下一组页码。 Grid

我应该如何为asp.net gridview实现这样的分页?

1 个答案:

答案 0 :(得分:0)

它将使用“下一步”和“上一步”按钮分页记录。 Label控件将在分页的GridView中显示我们当前的位置。我们先设置一些变量。

protected int currentPageNumber = 1;
private const int PAGE_SIZE = 10;

currentPageNumber表示GridView的当前页面,PAGE_SIZE是每页上显示的记录总数。您还可以允许用户使用DropDownList调整页面大小,但本文未对此进行介绍。

接下来,我们需要将数据源绑定到GridView。让我们看一下整个BindData方法,稍后我会剖析它,这样你就会有更好的想法。

private void BindData()
{
    string connectionString = "Server=localhost;" + 
           "Database=Northwind;Trusted_Connection=true";
    SqlConnection myConnection = new SqlConnection(connectionString);
    SqlCommand myCommand = new SqlCommand("usp_GetProducts", 
                                           myConnection);
    myCommand.CommandType = CommandType.StoredProcedure;

    myCommand.Parameters.AddWithValue("@startRowIndex", 
                                      currentPageNumber);
    myCommand.Parameters.AddWithValue("@maximumRows", PAGE_SIZE);
    myCommand.Parameters.Add("@totalRows", SqlDbType.Int, 4);
    myCommand.Parameters["@totalRows"].Direction = 
                       ParameterDirection.Output;

    SqlDataAdapter ad = new SqlDataAdapter(myCommand);

    DataSet ds = new DataSet();
    ad.Fill(ds);

    gvProducts.DataSource = ds;
    gvProducts.DataBind();

    // get the total rows 
    double totalRows = (int)myCommand.Parameters["@totalRows"].Value;

    lblTotalPages.Text = CalculateTotalPages(totalRows).ToString();

    lblCurrentPage.Text = currentPageNumber.ToString(); 

    if (currentPageNumber == 1)
    {
        Btn_Previous.Enabled = false;

        if (Int32.Parse(lblTotalPages.Text) > 0)
        {
            Btn_Next.Enabled = true;
        }
        else
            Btn_Next.Enabled = false;

    }

    else
    {
        Btn_Previous.Enabled = true;

        if (currentPageNumber == Int32.Parse(lblTotalPages.Text))
            Btn_Next.Enabled = false;
        else Btn_Next.Enabled = true; 
    }
}

现在,让我们更详细地看一下上面的代码。我将currentPageNumber和PAGE_SIZE发送到数据库,以便我可以获取当前页面的数据。 totalRows变量返回表中的总行数。一旦我有totalRows,我计算将用于此GridView的页面总数。使用小辅助函数计算总页数:

private int CalculateTotalPages(double totalRows)
{
    int totalPages = (int)  Math.Ceiling(totalRows / PAGE_SIZE);

    return totalPages; 
}

在BindData方法结束时,有一些条件检查可确保仅在适用时显示“下一个”和“上一个”按钮。

  

将事件附加到按钮

剩下的最后一件事是将事件附加到Button控件。查看以下代码,我在其中创建了两个Button控件。

<asp:Button ID="Btn_Previous" CommandName="Previous" 
            runat="server" OnCommand="ChangePage" 
            Text="Previous" />
<asp:Button ID="Btn_Next" runat="server" CommandName="Next" 
            OnCommand="ChangePage" Text="Next" />

这两个按钮都会调用ChangePage事件,如下所示:

// This method will handle the navigation/ paging index
protected void ChangePage(object sender, CommandEventArgs e)
{

    switch (e.CommandName)
    {
        case "Previous":
            currentPageNumber = Int32.Parse(lblCurrentPage.Text) - 1;
            break; 

        case "Next":
            currentPageNumber = Int32.Parse(lblCurrentPage.Text) + 1; 
            break; 
    }

    BindData();
}

ChangePage事件用于更改GridView的页码,还可以通过调用BindData方法更新Label文本。

Source