一聚教程网:一个值得你收藏的教程网站

热门教程

ASP.NET使用JQuery DataTables―基础

时间:2022-06-25 03:54:59 编辑:袖梨 来源:一聚教程网

 代码如下 复制代码

然后,让我们添加 Repeater,记住,JQuery的DataTables神奇之处在于,他们可以操作任何HTML表额。事实上,他们的网站表明DataTables,“可以给任何HTML表添加高级交互控制”,因此,我们可以将一个表嵌入到我们的Repeater。我猜,大家之前应该都接触(如果你阅读了上一篇文章)过Repeaters和tables,所以我下面的代码,是将表格结构嵌入到Repeater,你可以将下面的代码放到form下,或者指定的

内。

 代码如下 复制代码

 

   

     

       

           

           

           

           

       

     

     

 

 

   

     

     

     

     

   

 

 

   

   

Movie Lead Actor Lead Actress Director
<%

# Eval("MovieTitle")

%>

<%

# Eval("LeadingActor")

%>

<%

# Eval("LeadingActress")

%>

<%

# Eval("Director")

%>

 

正如你所看到的,我们的列名放在了标签里,我们的数据绑定元素放在标签里。DataTables库会很好的处理这一段代码。说到DataTables,要在文档的部分添加JQuery代码,事实上,我们已经在前几分钟添加了

上面的代码可以让tblOscarNominees表格成为DataTable,并设置一些属性。

在这个例子里面,你也许会想,这个“oLanguage and sSearch”属性允许我们在指定搜索栏文本,这个“iDisplayLength”属性可以设置默认的显示行数。如果你查看DataTables网站,这个插件有许多可以设置的属性。

好了,最后,我们需要把数据绑定到我们的Repeater上,将Default.aspx.cs的codebehind的class返回给,下面的代码,我们对我们提名名单上增加了“Milk”,我们需要设置数据源并绑定到repeater。

 代码如下 复制代码

rptOscarNominees.DataSource = nominees;

rptOscarNominees.DataBind();

运行这个网站,会弹出如下所示的页面:

继续,输入搜索的东西,没有传入服务器,排序列表,方便快捷。分页没有自定义代码,几年前,这个插件节省了我大量的时间,我超级喜爱它。