zoukankan      html  css  js  c++  java
  • (十)Asp.NET使用Repeater进行数据显示

    Repeater控件介绍

    在我们生活中经常会看到较为复杂的列表展示的页面,比如我们常见的一些招聘网站,在一个职位的列表页面中每一栏显示了很多个信息,如:职位名称、公司名、薪资、工作地点等等,并且还有一些布局样式在里面。在前面的学习中,我们掌握了GridView这种数据绑定控件的使用,但是GridView只能显示一些基本的数据,布局也不够灵活,要想显示具有一定布局样式的列表就显得不适用了。在我们ASP.NET有一些可以用来显示复杂列表数据的控件,比如RepeaterDataList等,

    上面图片效果我们就可以使用Repeater控件帮我们完成,接下来我们一起来学习Repeater控件的使用。

    Repeater常用的模板;

    模版

    说明

    ItemTemplate

    一般项模版,该模版会应用多次

    AlternatingItemTemplate

    交替项模版,该模版会应用多次

    HeaderTemplate

    头模版,在项模版之前,只应用一次,不能使用Eval绑定

    FooterTemplate

    尾模版,在项模版之后,只应用一次,不能使用Eval绑定

    Repeater控件和其他数据绑定控件相比,其功能很简单——只能显示数据,也因为功能简单,所以其执行效率高,通常用其来实现各种特殊列表。

    Repeater的用法跟GridView很相似,但是相对于GridView控件来说,Repeater控件更为轻量级,完全的模板驱动,我们只需要定义好需要显示的模板就行,所以Repeater一般用于网站前端数据的展示使用。

    Repeater控件由于其良好的性能和数据展示的灵活,在企业项目中运用十分广泛。

    接下来我们通过具体的示例来演示如何通过Repeater控件进行列表展示的。

    示例1:使用Repeater控件展示数据

    一、 准备一张照片信息表:

    二、 新建Web页面,起名RepeaterDemo.aspx,然后拖拽上来一个Repeater控件:

    三、 创建头模板

    四、 创建项模板(自定义的模板,展示数据用,定义成什么样子,就展现为什么样子,不会生成额外多余的标签):

     

    五、 为了外观的直观性,我们可以为每一张图片添加一个分割线,需要用到分割线模板:

     

    六、 写后台绑定代码,实现数据的绑定,在页面第一次加载时候开始绑定数据:

    实现效果如下:

    示例2:使用Repeater进行数据删除

    我们照片列表中有一个删除按钮,接下来我们来实现在Repeater控件中实现删除数据的功能。

    一、 在页面删除按钮上添加CommandNameCommandArgument绑定的参数,为OnClientClick事件添加一个js代码,用来实现弹出确认框:

     

    二、 选择Repeater的事件,新建一个ItemCommand事件:

     

    三、 ItemCommand事件中加入删除的代码:

    通过三层架构中BLL层代码的调用,实现删除信息的功能

    Repeater控件中点击服务器控件,会触发ItemCommand,根据CommandName来区分当前的操作是什么类型的,根据CommandArgument来获取前台绑定的参数。

    Repeater控件由于其良好的性能和数据展示的灵活,在企业项目中运用十分广泛,所以我们务必要熟练掌握!

  • 相关阅读:
    codevs 3641 上帝选人
    codevs 1966 乘法游戏
    codevs 1345 饥饿的奶牛
    codevs 1962 马棚问题--序列型DP
    codevs 1959 拔河比赛--判断背包内刚好装满n/2个物品
    codevs 1297 硬币
    [转载]矩阵取数游戏
    101.金明的预算方案(分组背包)
    105.(并查集结合绝对值最小的01背包)选学霸
    POJ 2528 Mayor's posters(线段树)
  • 原文地址:https://www.cnblogs.com/JuneDream/p/14111926.html
Copyright © 2011-2022 走看看