ASP.NET高级里面的repeater控件的应用实现样式设置，并添加删除按钮

最新推荐文章于 2022-01-12 22:11:14 发布

耿宇丹

最新推荐文章于 2022-01-12 22:11:14 发布

阅读量5.9k

点赞数

分类专栏： ASP.NET高级

本文链接：https://blog.csdn.net/gengyudan/article/details/8348127

版权

本文介绍了如何在ASP.NET中使用repeater控件进行样式设置，包括图片展示和表格布局。同时，文章详细展示了如何为repeater添加删除按钮功能，通过后台处理Command事件来实现实时删除数据并重新绑定数据到控件。

摘要由CSDN通过智能技术生成

1、前台设计：

<head runat="server">
    <title></title>
    <style type="text/css">
    .center
    {text-align:center;
        }
     .big_img img
     {
        border:1px solid #ccc;
        width:100px;
        height:100px;
         }
      .big_img:hover img
      { height:200px;
        width:200px;
        display:inline;
        border:1px soid navy;
          }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>

        <asp:Repeater ID="Repeater1" runat="server"
            onitemcommand="Repeater1_ItemCommand">
        <HeaderTemplate><table border="" width="100%"><tr><th>姓名</th><th>性别</th><th>年龄</th><th>照片</th><th>操作</th></tr></HeaderTemplate>
        <ItemTemplate>
        <tr class="center">
        <td><%#Eval("sname") %></td><td><%#Eval("sex") %></td><td><%#Eval("age") %></td>
        <div style="display:inline;position:relative;">