键盘上下移动高亮显示

 <html>
    <head>
        <style>
            .lightrow{color:red;}
        </style>
        <script language="javascript">
        var lightCss = "lightrow";
        var curRow = null;
        function keyDown()
        {
            var key = event.keyCode;
            var obj = curRow;
            switch(key)
            {
                case 13://Enter key //这里操作改一下就可以
               obj.cells[0].childNodes[0].checked = !obj.cells[0].childNodes[0].checked;

                    alert("ID:"+obj.cells[1].innerText+"/nName"+obj.cells[2].innerText);
//                      alert(url+"?id="+obj.cells[0].innerText+"&name="+obj.cells[1].innerText);

                    break;
            case 38://up key
                    curRow.className = "";
                    if(obj.rowIndex>1)
                    {
                        curRow=obj.previousSibling;
                       
                    }else
                    {
                        curRow=obj.parentNode.childNodes[obj.parentNode.childNodes.length-1];
                    }
                    curRow.className = lightCss;
                    break;
           
                case 40://down key
                    curRow.className = "";
                    if(obj.rowIndex <obj.parentNode.rows.length-1)
                    {
                        curRow=obj.nextSibling;
                    }else
                    {
                        curRow=obj.parentNode.childNodes[1];
                    }
                    curRow.className = lightCss;
                    break;

            }
        }
        document.οnkeydοwn=keyDown;
        window.οnlοad=function()
        {
            var tbl = document.getElementById("GridView1");
            curRow = tbl.rows[1];
            curRow.className = lightCss;
        };
        </script>
    </head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:GridView ID="GridView1" runat="server">
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox1" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
   
    </div>
    </form>
</body>
</html>

 

========CS=========

public partial class BlueLeftPanel : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            this.GridView1.DataSource = this.TestData;

            this.GridView1.DataBind();
        }

        /// <summary>
        /// 测试数据源
        /// </summary>
        private DataTable TestData
        {
            get
            {
                DataTable dt = new DataTable();
                dt.Columns.Add(new DataColumn("ID", typeof(int)));
                dt.Columns.Add(new DataColumn("Name", typeof(string)));

                dt.Rows.Add(new object[] { 1, "湖北" });
                dt.Rows.Add(new object[] { 2, "江苏" });
                dt.Rows.Add(new object[] { 3, "浙江" });
                dt.Rows.Add(new object[] { 4, "黄冈" });
                return dt;
            }
        }
    }

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值