• 把Girdview鼠标经过时行变色应用到所有页面,以及客户端全选[转贴]


    写一个公用的JS函数

    function GridViewColor(GridViewId) {
       
    //获取所有要控制的行
        var AllRows = document.getElementById(GridViewId);
       
    if (AllRows != null) {
            AllRows
    = AllRows.getElementsByTagName("tr");

           
    //设置每一行的背景色和事件,循环从1开始而非0,可以避开表头那一行
            for (var i = 1; i < AllRows.length; i++) {
    AllRows[i].onmouseout
    = function() { this.style.background = "#FFFFFF"; }
                }
            }
        }

    引用这段JS,只要在每个页面的Page_Load中注册即可,ctl00_PageBody_gvItems为GirdView的客户端ID 

    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "js", "GridViewColor('ctl00_PageBody_gvItems');", true);

    全选的代码:

    <script type="text/javascript">
     
    function CheckAll(oCheckbox)
      {
       
    var gvItems = document.getElementById("<%=gvItems.ClientID %>");
       
    for (i = 1; i < gvItems.rows.length; i++)
        {
            gvItems.rows[i].cells[
    0].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked;
        }
      }
     
    </script>
    <asp:GridView ID="gvItems" runat="server" >                           

       <Columns>
        <asp:TemplateField HeaderText="选项">
          <HeaderTemplate>
            <asp:CheckBox ID="CheckBox1" runat="server" Text="全选" AutoPostBack="true" onclick="CheckAll(this)"/>
          </HeaderTemplate>
          <ItemTemplate>
            <asp:CheckBox ID="rbtnName"  runat="server" cid='<%# Eval("CandidatesID") %>'
                                                oncheckedchanged="rbtnName_CheckedChanged"/>
          </ItemTemplate>
        
    </asp:TemplateField>                               
      
    </Columns>
      </asp:GridView>
  • 相关阅读:
    Navicat 导入数据报错 --- 1153
    VS2015创建的Asp.net WebApi默认项目在CentOS7+Mono4.2.2+jexus5.8运行不起来的解决方案
    CentOS 6.5安装MySQL中文乱码问题解决
    Centos上Apache重启,mysql重启, nginx 重启方法
    linux自己带的apache重新启动
    CentOS Linux系统下更改Apache默认网站目录
    C语言王国探秘一
    《JavaScript权威指南》学习笔记 第一天。
    《JavaScript权威指南》学习笔记 第二天 下好一盘大棋
    Js里面的强制类型转换
  • 原文地址:https://www.cnblogs.com/mane/p/1864146.html
Copyright © 2020-2023  润新知