ASP.NET使用JQuery DataTables―基础

作者：袖梨 2022-06-25
 代码如下 复制代码

然后，让我们添加 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();

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

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

相关文章

精彩推荐