datalist分页

发布网友发布时间：2022-05-12 15:30

共2个回答

懂视网时间：2022-05-12 19:51

HTML5新增的标签datalist实现输入中文/拼音首字母时，自动进入数据库模糊查询，并返回相应的结果，生成datalist，由于在输入框中的输入内容发生变化时，datalist会自动触发下拉框，解决方案非常好，下面通过本文给大家分享实例代码，需要的的朋友参考下吧最近项目中涉及到一个小功能，客户在选择供应商时，由于供应商数目较多（大概3000个左右），因此直接生成下拉框显然不现实，所以就更换解决方案，打算借助HTML5新增的标签datalist来实现输入中文/拼音首字母时，自动进入数据库模糊查询，并返回相应的结果，生成datalist，由于在输入框中的输入内容发生变化时，datalist会自动触发下拉框，所以使用起来比select更便捷。前端部分代码如下：Html Code：<!DOCTYPE html> <html lan

1. Html5 datalist标签详解以及与后台数据的动态匹配

简介：HTML5新增的标签datalist实现输入中文/拼音首字母时，自动进入数据库模糊查询，并返回相应的结果，生成datalist，由于在输入框中的输入内容发生变化时，datalist会自动触发下拉框，解决方案非常好，下面通过本文给大家分享实例代码，需要的的朋友参考下吧

2. Html5新标签datalist实现输入框与后台数据库数据的动态匹配的详细介绍

3. 最新的h5标签datalis的使用方法介绍

4. 总结HTML5中新表单元素的使用方法及实例教程

简介：HTML5表单元素HTML5新的表单元素HTML5有以下新的表单元素:<datalist><keygen><output>注意:不是所有的浏览器都支持HTML5新的表单元素，但是你可以在使用它...

5. HTML5表单元素实例讲解

6. 《ASP.NET》数据绑定—DataList实践篇的图文代码详解

简介：上篇文章大概讲了DataList的一些基础知识，掌握这些知识在将来的应用中起到很大的作用，现在我们就开始讲上篇文章中说的基础知识做一个小例子。首先，我机子的数据库中有一张person表，如下图所示。现在，我们用DataList控件将表中的信息显示出来，并可以在DataList控件上对数据库中的表进行编辑操作。 1、首先用vs创建web应用程序，添加

7. 详解《ASP.NET》数据绑定—DataList

简介：DataList控件是.NET中的一个控件。DataList控件以表的形式呈现数据(在属性生成器中可以编辑)，通过该控件，您可以使用不同的布局来显示数据记录（使用模板编辑），例如，将数据记录排成列或行的形式。您可以对 DataList控件进行配置，使用户能够编辑或删除表中的记录（使用EditItemTemplate模板和SelectedItemTemplate模板）。DataList控件不使用数据源控件的数据修改功能，您必须自己提供此代码。一、DataList 与 Repeater比较 1

8. DataList和Repeater数据分页

简介：DataList 和Repeater 都没有提供内置的分页和排序功能，本文主要介绍利用PagedDataSource实现DataList和Repeater数据分页。

9. HTML5学习笔记简明版（4）：新元素之meter,datalist,keygen,output

简介：通过<video>标签，我们可以抛弃最近不怎么讨好的Flash，直接在页面中播放视频文件。视频文件自然是最符合语义化的文件格式，但该元素标签同样支持音频与图片。

10. asp.net Datalist控件实现分页功能

简介：asp.net Datalist控件实现分页功能代码。大家可以参考下。

【相关问答推荐】：

javascript - 谁知道这是什么模板前端的，怎样的调用方法？？？？？

前端 - html datalist标签的正确写法是什么？

angular.js - angular里的filter过滤数据传参问题

python bottle跑起来以后,定时执行的任务为什么每次都重复(多)执行一次?

python这段编程提示 list index out of range求解

热心网友时间：2022-05-12 16:59

Asp.net提供了三个功能强大的列表控件：DataGrid、DataList和Repeater控件，但其中只有DataGrid控件提供分页功能。相对DataGrid，DataList和Repeater控件具有更高的样式自定义性，所以很多时候我们喜欢使用DataList或Repeater控件来显示数据。

实现DataList或Repeater控件的分页显示有几种方法：
1、写一个方法或存储过程，根据传入的页数返回需要显示的数据表（DataTable）
2、使用PagedDataSource类（位于System.Web.UI.WebControls命名空间里）

本篇文章主要说怎么使用PagedDataSource类实现DataList和Repeater控件的分页显示。DataGrid控件内部也使用了PagedDataSource类，PagedDataSource 类封装 DataGrid 控件的属性，这些属性使 DataGrid 可以执行分页。

PagedDataSource 类的部分公共属性：
AllowCustomPaging 获取或设置指示是否启用自定义分页的值。
AllowPaging 获取或设置指示是否启用分页的值。
Count 获取要从数据源使用的项数。
CurrentPageIndex 获取或设置当前页的索引。
DataSource 获取或设置数据源。
DataSourceCount 获取数据源中的项数。
FirstIndexInPage 获取页中的第一个索引。
IsCustomPagingEnabled 获取一个值，该值指示是否启用自定义分页。
IsFirstPage 获取一个值，该值指示当前页是否是首页。
IsLastPage 获取一个值，该值指示当前页是否是最后一页。
IsPagingEnabled 获取一个值，该值指示是否启用分页。
IsReadOnly 获取一个值，该值指示数据源是否是只读的。
IsSynchronized 获取一个值，该值指示是否同步对数据源的访问（线程安全）。
PageCount 获取显示数据源中的所有项所需要的总页数。
PageSize 获取或设置要在单页上显示的项数。
VirtualCount 获取或设置在使用自定义分页时数据源中的实际项数。

这些属性是否和DataGrid的属性很相似？没错，DataGrid控件就是使用PagedDataSource类来实现数据分页显示的。下面举个使用PagedDataSource类实现DataList和Repeater控件的分页显示的例子：

public void Page_Load(Object src,EventArgs e)
{
OleDbConnection objConn=new OleDbConnection(@"Provider=Microsoft.Jet.OLEDB.4.0; Data Source=c:\test.mdb");
OleDbDataAdapter objCommand=new OleDbDataAdapter("select * from Users",objConn);
DataSet ds=new DataSet();
objCommand.Fill(ds);

//对PagedDataSource 对象的相关属性赋值
PagedDataSource objPds = new PagedDataSource();
objPds.DataSource = ds.Tables[0].DefaultView;
objPds.AllowPaging = true;
objPds.PageSize = 5;
int CurPage;

//当前页面从Page查询参数获取
if (Request.QueryString["Page"] != null)
CurPage=Convert.ToInt32(Request.QueryString["Page"]);
else
CurPage=1;

objPds.CurrentPageIndex = CurPage-1;
lblCurrentPage.Text = "Page: " + CurPage.ToString();

if (!objPds.IsFirstPage)
lnkPrev.NavigateUrl=Request.CurrentExecutionFilePath + "?Page=" + Convert.ToString(CurPage-1);

if (!objPds.IsLastPage)
lnkNext.NavigateUrl=Request.CurrentExecutionFilePath+ "?Page=" + Convert.ToString(CurPage+1);

//把PagedDataSource 对象赋给Repeater控件
Repeater1.DataSource=objPds;
Repeater1.DataBind();
}