repeater隔行变色问题（非js）-优快云博客

本文链接：https://blog.youkuaiyun.com/wzjemb/article/details/6831364

本文介绍 ASP.NET 中 Repeater 控件的使用方法，展示如何通过 Repeater 控件实现动态生成表格行，并添加编辑和删除按钮。此外还介绍了如何设置交互样式以及客户端脚本以增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<asp:Repeater ID="Rep_Dict" runat="server" OnItemCommand="Rep_Dict_ItemCommand"
                        onitemdatabound="Rep_Dict_ItemDataBound">
                        <ItemTemplate>
                            <tr style="text-align: left; height: 20px; "onmouseover="this.style.backgroundColor='#7CB4FF'" onmouseout="this.style.backgroundColor=''">
                                <td>
                                    <%# getDictType(Eval("FDictTypeID").ToString())%>
                                </td>
                                <td>
                                    <%# Eval("FDictName")%>
                                </td>
                                <td>
                                    <%#getMark(Eval("FDictMark").ToString())%>
                                </td>
                                <td>
                                    <%#Eval("FRemark") %>
                                </td>
                                <td>
                                    <asp:LinkButton ID="LinkButton1" CommandName="edit" CommandArgument='<%#Eval("FDictID") %>'
                                        runat="server">编辑</asp:LinkButton>
                                    <asp:LinkButton ID="LBT_del" CommandName="del" OnClientClick="return confirm('您确定要删除吗？')"
                                        CommandArgument='<%#Eval("FDictID") %>' runat="server">删除</asp:LinkButton>
                                </td>
                            </tr>
                        </ItemTemplate>
                    </asp:Repeater>

C# code

<script type="text/javascript">
function mOver(obj){
c=obj.style.backgroundColor;
obj.style.backgroundColor="#ffffff";
}
function mOut(obj){
obj.style.backgroundColor=c;
}
</script>

<ItemTemplate>
<tr style='background:<%#(Container.ItemIndex%2==0)?"#e1e1e1":"#D2EDFD"%>' onmouseover="mOver(this)" onmouseout="mOut(this)" >
<td><span><%#Container.ItemIndex+1%></span></td>
<td><asp:TextBox ID="TxtNewMenuName" runat="server" Text='<%#Eval("Menuname") %>'></asp:TextBox></td>
<td><asp:LinkButton ID="LbtnShowOrHiden" CommandName="ShowOrHiden" CommandArgument='<%#Eval("ID") %>' runat="server" Text='<%#Eval("IsDisplay").ToString()=="1" ? "隐藏":"显示" %>' ></asp:LinkButton>
</td>

<td><asp:ImageButton ID="IbtnDown" ImageUrl="~/Admin/images/down.gif" CommandName="Down" CommandArgument='<%#Eval("ID") %>' runat="server" />
<asp:ImageButton ID="IbtnUp" CommandName="Up" CommandArgument='<%#Eval("ID") %>' ImageUrl="~/Admin/images/up.gif" runat="server" /></td>
<td><asp:LinkButton ID="LbtnEdit" CommandName="Edit" Text="修改" CommandArgument='<%#Eval("ID") %>' runat="server" ></asp:LinkButton>
<asp:LinkButton ID="LbtDel" CommandName="Del" OnClientClick="return confirm('确定要删除么？')" CommandArgument='<%#Eval("ID") %>' Text="删除" runat="server"></asp:LinkButton>
</td>
</tr>
</ItemTemplate>