如何使用dropdownlist实现listview分页？

最新推荐文章于 2016-07-15 11:17:13 发布

xuqianghit

最新推荐文章于 2016-07-15 11:17:13 发布

阅读量1.3k

点赞数

分类专栏： ASP.Net and MVC 文章标签： listview textbox asp.net object interface javascript

本文链接：https://blog.youkuaiyun.com/xuqianghit/article/details/5836346

版权

ASP.Net and MVC 专栏收录该内容

78 篇文章

订阅专栏

本文详细介绍了如何在ASP.NET 3.5中使用ListView和DataPager控件实现分页功能。通过三种方式展示了ListView的分页实现：1)通过DataSource控件绑定分页；2)不使用DataSource控件的分页；3)为ListView提供自定义分页接口，如使用DropDownList或TextBox进行分页导航。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://www.codedigest.com/Articles/ASPNET/100_Paging_in_ListView_in_ASPNet_35.aspx

Paging in ListView in ASP.Net 3.5

My previous article, ListView Control in ASP.Net 3.5, provides a good understanding on the ListView control with a sample databinding. Our next step in exploring the ListView control is to add the paging feature to it. Like GridView, Paging in ListView control is not an integral part of the control itself. It can be provided through a new control in ASP.Net 3.5 called DataPager control. The main advantage of providing this feature with a new control are, Paging can be separated from ListView Control and can be displayed at any part of the page. We can attach the paging feature with the ListView control by placing the DataPager control in the LayoutTemplate of the ListView control which resembles GridView control.

In this article, we will implement paging feature with DataPager control in 3 different ways,

Ø Paging in ListView through Datasource control databind.

Ø Paging in ListView without using DataSource Controls.

Ø Providing Custom interface for the Paging in ListView.

Paging in ListView through Datasource control databind

Before moving to paging implementation with DataPager we will bind the ListView by configuring a SqlDataSource control.

Configuring SqlDataSource Control

Drag a SqlDataSource control from the data tab of Visual Studio 2008. Configure it with the Database Server; I have used a database in App_Data folder.

Configuring ListView Control

Drag a ListView control from the data tab of Visual Studio 2008. Click the Smart tag of ListView control and select the datasource control; Refer the below figure, SqlDataSource1 in our example.

Click “Configure ListView...” option as seen in the above figure to choose the display Layout for the ListView. Choose a display layout, I have selected “Flow” in our example, as seen in the below figure. Click Ok.

You can check “Enable Paging” in the above figure, which will add a DataPager control in the LayoutTemplate of the ListView control but we will add the DataPager control explicitly in this article. Executing the page will display the records without paging. Now, we will provide paging feature through the DataPager control.

Configure Paging through DataPager

Drag a DataPager control from the data tab of Visual Studio 2008. Assign the PagedControlID property to the ListView control’s ID. Set PageSize property if required, default is 10. I have set as 2 in our example.

There are 2 default pager styles that can be set to a DataPager control, Next/Previous Pager and Numeric Pager. Without setting this there will be no pagination displayed for the ListView. To configure, Click the smart tag of DataPager control and choose the style as shown in the below figure,

Configuring DataPager inside ListView

The above walkthrough placed the DataPager control outside the ListView control, in other words, the paging can be displayed at any part of the page. In this section, we will see how the DataPager can be a part of ListView control itself.

It can be done by placing the DataPager control inside the LayoutTemplate of the ListView. In this case, we neither need nor set the PagedControlID property because DataPager control itself will render accordingly when it is placed inside the ListView control.

DataSourceID="SqlDataSource1">

style="font-family: Verdana, Arial, Helvetica, sans-serif;">

EmpID:

EmpName:

Department:

Text='<%# Eval("Department") %>' />

Age:

Address:

In the next section, we will provide paging to ListView control with DataPager without using DataSource controls.

Paging with DataPager without using DataSource Controls

1. Drag a ListView control inside a webform as we did in previous section.

EmpID:

EmpName:

Text='<%# Eval("EmpName") %>' />

Department:

Text='<%# Eval("Department") %>' />

Age:

Address:

2. In the codebehind file, assign the DataTable or DataSet to the DataSource Property of the ListView control like we do for a GridView control.

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

lvEmployee.DataSource = GetEmployee("Select * from Employee");

lvEmployee.DataBind();

}

public DataTable GetEmployee(string query)

{

SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DatabaseConnectionString"].ConnectionString);

SqlDataAdapter ada = new SqlDataAdapter(query, con);

DataTable dtEmp = new DataTable();

ada.Fill(dtEmp);

return dtEmp;

}

3. Drag a DataPager control from the Data tab of visual studio. When we execute the page, Paging will not work automatically; we need to bind the ListView to the datasource again in the PreRender event of DataPager.

PageSize="2" onprerender="DataPager1_PreRender">

protected void DataPager1_PreRender(object sender, EventArgs e)

{

lvEmployee.DataSource = GetEmployee("Select * from Employee");

lvEmployee.DataBind();

}

Execute the page and you can see your ListView paging working perfectly.