服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

服务器之家 - 编程语言 - ASP.NET教程 - asp.net中Repeart选中整行操作实例

asp.net中Repeart选中整行操作实例

2019-12-14 11:24shichen2014 ASP.NET教程

这篇文章主要介绍了asp.net中Repeart选中整行操作的方法,实例分析了asp.net中Repeart的使用技巧,需要的朋友可以参考下

本文实例讲述了asp.net中Repeart选中整行操作的方法。分享给大家供大家参考。

具体实现方法如下:

 

复制代码代码如下:

<asp:Repeater runat="server" ID="rpt_Student">
            <HeaderTemplate>
                 <table>
                    <tr  id="tr_<%#this.rpt_Student.Items.Count%>" onclick='Tr_Click(tr_<%#this.rpt_Student.Item.Count%>)'>
                       <td>姓名</td>
                       <td>学号</td>
                       <td>成绩</td>
                    </tr>
            </HeaderTemplate>
            <ItemTemplate>
                     <tr >
                       <td><%#Eval("Sname")%></td>
                       <td><%#Eval("SID")%></td>
                       <td><%#Eval("Sscore")%></td>
                     </tr>
            </ItemTemplate>
            <FooterTemplate>
                </table>
            </FooterTemplate>
 </asp:Repeater>

 

jq代码如下:

 

复制代码代码如下:

<script  type="text/javascript">>  
        function Tr_Click(id) {
            if ($("#" + id).attr("style") == "background:red") {
                  $("#" + id).attr("style", "background:white");
            } else {
                  $("#" + id).attr("style", "background:red");
            }
        }
</script>

 

希望本文所述对大家的asp.net程序设计有所帮助。

延伸 · 阅读

精彩推荐