当前位置： 移动技术网 > IT编程>开发语言>.net > asp.net Repeater 数据绑定的具体实现(图文详解)

asp.net Repeater 数据绑定的具体实现(图文详解)

2017年12月12日  | 移动技术网IT编程  | 我要评论

合肥28中的老师黄群,汕头宽带测速,韩秀雅三级

以下为设计步骤：

1、在c# 中连接数据库。如下图：
2、在项目中添加新建项，建立一个数据集，并把categories从服务器资源列表中拖到这个数据集模板中并点击菜单“生成－生成解决方案”，如下图：

3、在aspx的webform上放一个objectdatasource控件，设定它的typename为刚刚建立的数据集类型，用它的向导建立即可。
4、在aspx的webform上放一个repeater控件，用它的向导设定它的datasourceid为上面的objectdatasource
5、在网页中设定它的源码，即加上<itemtemplate><alternatingitemtemplate>等模板。如下面的代码：

复制代码 代码如下:

<%@ page language="c#" autoeventwireup="true" codebehind="default.aspx.cs" inherits="repeater.default" %>

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:objectdatasource id="objectdatasource1" runat="server"
            oldvaluesparameterformatstring="original_{0}" selectmethod="getdata"
            typename="repeater.datasetemployeestableadapters.categoriestableadapter">
        </asp:objectdatasource>
        <asp:repeater id="repeater1" runat="server" datasourceid="objectdatasource1"
            onitemdatabound="repeater1_itemdatabound"
            onitemcreated="repeater1_itemcreated">
        <headertemplate>
           类别表
           <table border="1"><th>类别id</th><th>类别名称</th><th>描述</th><th>图片</th>
        </headertemplate>
        <itemtemplate>
           <tr>
             <td><%#eval("categoryid")%></td>
             <td>
                 <asp:textbox id="textbox1" runat="server" text='<%#eval("categoryname")%>'></asp:textbox>
             </td>
             <td><%#eval("description")%></td>
             <td><img alt="none" src='<%#eval("picture")%>' /></td>
           </tr>

        </itemtemplate>
        <alternatingitemtemplate>
           <tr>
             <td style="background-color:blue"><%#eval("categoryid")%></td>
             <td  style="background-color:blue">
               <asp:textbox id="textbox1" runat="server" text='<%#eval("categoryname")%>'></asp:textbox>
             </td>
             <td  style="background-color:blue"><%#eval("description")%></td>
             <td  style="background-color:blue"><img alt="none" src='<%#eval("picture")%>' /></td>
           </tr>
        </alternatingitemtemplate>
        <footertemplate>
          </table>
        </footertemplate>
        </asp:repeater>

    </div>
    </form>
</body>
</html>


7、要求在类别名称中带"o"的编辑框显示红色，则写出以下代码：
复制代码 代码如下:

protected void repeater1_itemdatabound(object sender, repeateritemeventargs e)
        {
            if (e.item.itemtype == listitemtype.alternatingitem)
            {

                textbox tb = (textbox)e.item.findcontrol("textbox1");
                if (tb.text.contains("o"))
                {
                    tb.backcolor = color.red;
                }

            }
        }


7、运行显示的效果为：

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网