《ASP.NET》数据的绑定―Repeater图文详解


本文摘自PHP中文网,作者黄舟,侵删。

前面学习了HTML静态的网页编程,了解了其中的一些语法,但是自己感觉对Web编程掌握的还不够过瘾,于是跟着计划,开始了ASP.NET之旅。在写这篇ASP.NET博客之前之前,我想先将先比较一下ASP.NET与HTML的区别与联系。

一、联系与区别:HTML是在客户端编程,通常生成的是静态网页;ASP.NET是在服务器端编程,通常能生成动态网页。ASP.NET中的控件是HTML中的控件重新设计、封装起来的,也就是说ASP.NET中的控件是以HTML中的控件为基础。ASP.NET控件具有回送功能,够用ViewState维持控件的状态, HTML控件则不能,当点击页面的操作,其状态就会丢失。

在ASP.NET的学习过程中,其控件的学习和使用占了很大的一部分,今天,我说一下控件Repeater控件的使用,用它来绑定后台数据,然后在客户端(浏览器)上显示出来!

二、 Repeater控件

1、用途:使用模板循环显示数据。

2、包含的模板:

<ItemTemplate></ItemTemplate> 项目模板(里面的数据正常显示)

<AlternatingItemTemplate></AlternatingItemTemplate> 交错显示模板(里面绑定的数据交错着显示)<FooterTemplate></FooterTemplate>页脚模板(编辑页脚)

<HeaderTemplate></HeaderTemplate>页眉模板(编辑页眉)

<SeparatorTemplate></SeparatorTemplate>间隔模板 (在显示的数据中插入间隔,像横线、特殊符号等等)

三、示例

我用vs2012的ASP.NET Web窗体应用程序编写的实例。

1、内容介绍

将数据库中Person表中的信息选出来,然后用Repeater控件在客户端显示出来。下图是我Sqlser数据库中person表中的信息。

1:将数据库中的信息选出来并在后台绑定: 新建Web窗体应用程序,添加窗体,在窗体的Page_Load事件中添加如下代码。

1

2

3

4

5

6

7

8

9

10

11

protected void Page_Load(object sender, EventArgs e)

        {

            SqlConnection con = DB.createConnection();

            SqlDataAdapter sda = new SqlDataAdapter();

            string sql="select * from person ";

            sda.SelectCommand = new SqlCommand(sql, con);

            DataSet ds=new DataSet();

            sda.Fill(ds, "per");

            this.Repeater1.DataSource=ds.Tables["per"];

            Repeater1.DataBind();

        }



2:用控件Repeater的模板 <ItemTemplate></ItemTemplate> 将信息显示,代码如下

1

2

3

4

5

6

7

8

9

<asp:Repeater ID="Repeater1" runat="server">

                <ItemTemplate>

                    <p align="center">

                        <%# DataBinder.Eval(Container.DataItem,"pID") %>

                        <%# DataBinder.Eval(Container.DataItem,"personName") %>

                        <%# DataBinder.Eval(Container.DataItem,"personSex") %>

                    </p>

                </ItemTemplate>

            </asp:Repeater>

3:显示效果如下


4:<AlternatingItemTemplate></AlternatingItemTemplate>模板使用(让数据交叉显示)

1

2

3

4

5

6

7

8

9

<asp:Repeater ID="Repeater1" runat="server">

               <AlternatingItemTemplate>

                   <p align="center">

                       <font color="blue"> <%# DataBinder.Eval(Container.DataItem,"pID") %>

                       <%# DataBinder.Eval(Container.DataItem,"personName") %>

                       <%# DataBinder.Eval(Container.DataItem,"personSex") %></font>

                   </p>

               </AlternatingItemTemplate>

           </asp:Repeater>


阅读剩余部分

相关阅读 >>

asp.net图形验证码生成实践

怎么操作 asp.net web api ?

asp.net如何利用ashx生成图形验证码的实例

分享asp.net学习笔记(6)webpages 文件

传播智客asp.net基础系列视频资料分享

asp.net core应用程序运行vue并且部署在iis上的详解

asp.net core异常和错误处理(8)_实用技巧

asp.net使用x509certificate2出现的一些问题的解决方法分享(图)

asp.net core使用教程(9)_实用技巧

asp.net mvc 对用户输入的字符串做trim处理的方法实例

更多相关阅读请进入《数据的绑定》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...