asp.net 鼠标移入Repeater某一行时改变颜色并且checkbox列被选中

简介: /*被选中*/ function OnCheck(event) { var obj = event.
   <script language="javascript" type="text/javascript">
        
         /*被选中*/
        function OnCheck(event) {
            var obj = event.srcElement ? event.srcElement : event.target;
            if (obj.type == "checkbox") {
                clearSelectedItems(obj.parentNode.parentNode)
                return;
            }
            clearSelectedItems(obj.parentNode);   //清空选择项
            var cbArr = obj.parentNode.cells[0].getElementsByTagName("input");
            if (cbArr.length > 0 && cbArr[0].type == "checkbox") {
                cbArr[0].checked = !cbArr[0].checked;
            }
        }

        /*清空选择项*/
        function clearSelectedItems(row) {
            var myTable = document.getElementById("myTable");
            var cbArr = myTable.getElementsByTagName("input");
            for (var i = 0; i < cbArr.length; i++) {
                if (cbArr[i].parentNode.parentNode != row) {
                    if (cbArr[i].type == "checkbox" && cbArr[i].checked) {
                        cbArr[i].checked = false;
                    }
                }
            }
        }
        
        function Focus(obj) {
            obj.style.backgroundColor = '#D8F79D';
        }
        //颜色恢复为白色
        function UnFocus(obj) {
            obj.style.backgroundColor = '#ffffff';
        }
    </script>
 
 

                      <table width="100%" id="myTable" cellspacing="0" cellpadding="2" size="15" class="dataTable">
                            <tbody>
                                <tr class="dataTableHead">
                                    <td width="5%" height="30" align="center">
                                        <strong>选择</strong>
                                    </td>
                                    <td width="15%" style="cursor: pointer" align="center">
                                        <strong>书籍图片</strong>
                                    </td>
                                    <td width="15%" align="center">
                                        <strong>书名</strong>
                                    </td>
                                    <td width="15%" align="center">
                                        <strong>作者</strong>
                                    </td>
                                    <td width="10%" style="cursor: pointer;" align="center">
                                        <strong>书籍类别</strong>
                                    </td>
                                    <td width="15%" align="center">
                                        <strong>已阅读此书人数</strong>
                                    </td>
                                    <td width="15%" align="center">
                                        <strong>是否必读</strong>
                                    </td>
                                    <td width="10%" align="center">
                                        <strong>查看详情</strong>
                                    </td>
                                </tr>
                                <asp:Repeater ID="rp_list" runat="server" 
                                    OnItemDataBound="rp_list_ItemDataBound">
                                    <ItemTemplate>
                                        <tr onmouseover="Focus(this)"  style="cursor: pointer" onmouseout="UnFocus(this)" onclick="OnCheck(event)">
                                            <td align="center">
                                                <input type="checkbox" id="cb_i" name="cb_i" value="<%#Eval("BookID") %>" class="inputCheckbox" />
                                            </td>
                                            <td align="center">
                                                <asp:Image ID="Image1" ToolTip='<%#Eval("BookName") %>' runat="server" Width="80"
                                                    Height="100" ImageUrl='<%#Eval("BookPic")%>' />
                                            </td>
                                            <td align="center">
                                                <%# Eval("BookName")%>
                                            </td>
                                            <td align="center">
                                                <%# Eval("Author")%>
                                            </td>
                                            <td align="center">
                                                <%#getBookCategoryNameById(int.Parse(Eval("BookCategoryID").ToString()))%>
                                            </td>
                                            <td align="center">
                                                <asp:LinkButton ID="lb" runat="server" Text='<%# getBookReadCounter(int.Parse(Eval("BookID").ToString()))%>'
                                                    CommandArgument='<%#Eval("BookID")%>'></asp:LinkButton>
                                            </td>
                                            <td align="center">
                                                <asp:Label ID="lblMustRead" runat="server" Text='<%# getIsMustRead(int.Parse(Eval("IsMustRead").ToString()))%>'></asp:Label>
                                            </td>
                                            <td align="center">
                                                <asp:ImageButton ID="ibSeeDetail" ImageUrl="~/Admin/images/details.jpg" OnClientClick="SeeTemplate();"
                                                    CommandArgument='<%#Eval("BookID") %>' ToolTip="查看详细信息" runat="server" />
                                            </td>
                                        </tr>
                                    </ItemTemplate>
                                </asp:Repeater>
                                <tr>
                                    <td colspan="8" align="left">
                                        <webdiyer:AspNetPager Style="float: right;" PageSize="3" ID="AspNetPager1" runat="server"
                                            CustomInfoHTML="" FirstPageText="第一页" LastPageText="最末页" NextPageText="下一页" PrevPageText="上一页"
                                            OnPageChanged="AspNetPager1_PageChanged" ShowPageIndexBox="Never" UrlPaging="false"
                                            Width="100%" ShowCustomInfoSection="Left" SubmitButtonClass="inputButton" SubmitButtonText="转跳"
                                            PageIndexBoxType="DropDownList" PageIndexOutOfRangeErrorMessage="您访问的地址不正确!">
                                        </webdiyer:AspNetPager>
                                    </td>
                                </tr>
                            </tbody>
                        </table>



 
相关文章
|
3月前
|
SQL 开发框架 前端开发
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
34 0
|
11月前
|
开发框架 JavaScript .NET
Asp.net 控件用法汇总-RadioButtonList、DropDownList、button、Checkbox...(续)
Asp.net 控件用法汇总-RadioButtonList、DropDownList、button、Checkbox...(续)
88 0
|
11月前
|
开发框架 JavaScript 前端开发
Asp.net 控件用法汇总-RadioButtonList、DropDownList、button、Checkbox...
Asp.net 控件用法汇总-RadioButtonList、DropDownList、button、Checkbox...
62 0
|
Web App开发 算法 .NET
ASP.NET (Web) + C#算法 | 生成随机数字序列(随机数字+每个数字取随机不重复的位置和颜色)
关于今天的一个关于ASP的课后作业,是要求在ASP上实现随机生成数字序列: 具体要求: 随机位置:每个数字的位置相对随机; 随机颜色:每个数字的颜色随机且不重复; 随机数字:从0到9随机取出四个数; 正文 首先放上核心算法,这里我觉得在common.
1120 0
|
C#
在.net桌面程序中自定义鼠标光标
原文:在.net桌面程序中自定义鼠标光标 有的时候,一个自定义的鼠标光标能给你的程序增色不少。本文这里介绍一下如何在.net桌面程序中自定义鼠标光标。由于.net的桌面程序分为WinForm和WPF两种,这里分别介绍一下。
952 0
.net中模拟键盘和鼠标操作
原文:.net中模拟键盘和鼠标操作             周银辉 其实SendKeys类提供的方法蛮好用的,可惜的是WPF中不能用了,说是WPF的消息循环方式改成了Dispatcher,所以直接调用System.
1174 0
|
.NET 开发框架 容器
.NET中的repeater简介及分页效果
  Repeater控件是一个数据绑定容器控件,它能够生成各个项的列表,并可以使用模板定义网页上各个项的布局。当该页运行时,该控件为数据源中的每个项重复此布局。     配合模板使用repeater控件    若要使用repeater控件,需创建定义控件内容布局的模板。
1044 0
|
JavaScript .NET 开发框架
jqgrid for asp.net 遍历所有列rowObject时不用输入编号
先看列 这里绑定了入库单号列,编辑的js方法为doShowInStoreInfo //显示入库单信息 function doSh...
916 0