layui 键盘选中行

index 默认为-1，选中后才开启键盘监听，加一个判断。

var index=-1;
document.onkeydown = function(){
var quickclick = $(".layui-table").find("tr:last");
switch(event.keyCode) {
case 40://down
   index+=1;
   var tr = $(".layui-table").find("tr:eq("+index+")");
   tr.css('background-color', '#8FBC8F');
   break;
case 38://up
   index-=1;
   var tr = $(".layui-table").find("tr:eq("+index+")");
   tr.css('background-color', '#8FBC8F');
break;
}

}

获取单元格点击事件获取行号

table.on('tool(jqGridFilter)', function(obj){
var data = obj.data;
if(obj.event === 'setSign'){

   //this.innerHTML='<div id="aa">这是内容</div>';
   this.className+=data.sign;
   this.style.background = "red";



   };
});

获取行号：

obj.tr[0].rowIndex

layui 键盘选中行相关推荐

如何获取layui表格选中行的数据
在项目中有很多涉及到表格的模块,有时候当你需要保存数据的时候,而这些数据都在表格中你却获取不到,这就让人很苦恼了,所以下面就讲下如何获取layui表格中选中行的数据, 注意这里只是layui表格的获取 ...
layui获取选中行数据
第一步: 在jsp文件中设置按钮 <div class="layui-btn-group demoTable"> <button class="layu ...
解决 layui — table 单击行选中radio 与点击 radio 选中行
最近做项目用到了layui 里面的 table ,点击某一行选中当前行的radio,解决办法如下: layui.use('table', function(){var table = layui.ta ...
Notepad++选中行操作快捷键使用技巧
Notepad++选中行操作快捷键使用技巧用Notepad++写代码,要是有一些重复的代码想copy一下,还真不容易,又得动用鼠标,巨烦人.... 有木有简单的方法呢,确实还是有的不过也不算太好 ...
layui复选框怎么取值_layui获取多选框中的值方法
layui获取多选框中的值方法 HTML: title="=$value;?>"> js: $("input:checkbox[name='standard' ...
Listview获取选中行的值
一般情况请注意别先删除了选中行,又去使用.那就会导致找不到选中行.....哥犯了这个错误...找了很长时间问题 if (this.lstwlview.SelectedIndices.Count > ...
Jquery获取选中行的某个数据
1.页面结构 <table class="table table-border table-bordered table-bg table-hover table-sort" ...
html表格显示选择的颜色,jquery实现效果比较好的table选中行颜色
jquery table选中行颜色(效果更好) .table-tr-title{ height: 26px; font-size: 12px; text-align: center; } .table ...
listview改变选中行字体颜色
[android]listview改变选中行字体颜色目标:选中item,其字体设置为#3197FF,未选中的,其字体为#FFFFFF 与listvew设置选中行item背景图片一样,使用select ...

layui 键盘选中行

layui 键盘选中行相关推荐

最新文章

热门文章