首页 > 其他分享 >layui table 表格上下左右事件

layui table 表格上下左右事件

时间:2023-09-25 10:14:22浏览次数:43  
标签:index layui tr table td 上下左右 click

//按键监听事件
        $(document).on('keydown', '.layui-input',
        function(event) {
            var td = $(this).parent('td');
            var index = td.index();
            var tr = td.parent('tr');
            var key = event.keyCode;
            switch (key) {
                case 38://上键ArrowUp
                    tr['prev']().children('td').eq(index).click();
                    setTimeout(function(){
                        $('.layui-table-edit').select(),0
                    });
                    break;
                case 40://下键ArrowDown
                    tr['next']().children('td').eq(index).click();
                    setTimeout(function(){
                        $('.layui-table-edit').select(),0
                    });
                    break;
                case 9://TAB
                    tr['next']().children('td').eq(index).click();
                    setTimeout(function(){
                        $('.layui-table-edit').select(),0
                    });
                    break;
                case 13://回车
                    tr['next']().children('td').eq(index).click();
                    setTimeout(function(){
                        $('.layui-table-edit').select(),0
                    });
                    break;
                case 37://左键ArrowLeft
                    td['prevAll']('[data-edit="text"]:first').click();
                    break;
                case 39://右键ArrowRight
                    td['nextAll']('[data-edit="text"]:first').click();
                    break;
            }
        });

 

标签:index,layui,tr,table,td,上下左右,click
From: https://www.cnblogs.com/iamwhy/p/17727262.html

相关文章

  • Stable Diffusion 的工作原理
    StableDiffusion是一种深度学习技术,主要用于生成式对抗网络(GANs)的训练。这一技术旨在提高生成图像和视频的质量和稳定性。StableDiffusion引入了一种称为"masking"的功能,用于改进训练的效果。在本文中,我将详细介绍StableDiffusion中masking的具体含义,并通过示例来说明......
  • stable-diffusion-webui Github 代码仓库的介绍
    stable-diffusion-webui:一个基于Web的稳定梯度流生成模型训练工具stable-diffusion-webui是一个位于GitHub上的开源代码仓库,地址为https://github.com/AUTOMATIC1111/stable-diffusion-webui。该仓库提供了一个基于Web的用户界面,旨在简化使用StableDiffusion这一生成模......
  • Stable Diffusion 的工作原理介绍
    StableDiffusion:一个强大的生成模型训练工具StableDiffusion是一个强大的生成模型训练工具,它在机器学习领域引起了广泛的关注和研究。该工具的核心思想是通过稳定的梯度流来训练生成模型,从而提高生成图像和数据的质量。本文将详细介绍StableDiffusion的背景、原理、应用......
  • @TableField(exist = false)是什么作用
    @TableField(exist=false)是MyBatisPlus中的注解之一,用于指示该字段在数据库表中不存在,即告诉MyBatisPlus不进行与数据库的映射。默认情况下,MyBatisPlus会将实体类中的所有字段都映射到数据库表中的相应列。但是,有时候我们可能需要在实体类中定义一些非数据库字段或临时......
  • 说说Hashtable 与 HashMap 的区别
    1.出生的版本不一样,Hashtable出生于Java发布的第一版本JDK1.0,HashMap出生于JDK1.2。2.都实现了Map、Cloneable、Serializable(当前JDK版本1.8)。3.HashMap继承的是AbstractMap,并且AbstractMap也实现了Map接口。Hashtable继承Dictionary。4.Hashtable中大部......
  • LayUI-05
    4.2分页laypagelaypage的使用非常简单,指向一个用于存放分页的容器,通过服务端得到一些初始值,即可完成分页渲染:快速使用<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>layPage快速使用</title><linkrel="stylesheet"href="/stat......
  • BootstrapBlazor组件库,Table组件外部导出数据
    BootstrapBlazor组件库,Table组件导出选中行数据问题描述有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时,不知道怎么通过外部按钮来导出数据。解决方案通过@ref当前表格对象来获取数据,然后进行导出操作。Razor代码<Buttonclass="mb-2"Text="导出Table数据"......
  • DBeaver中使用MySQL在建表时使用DROP TABLE IF EXISTS `tbl_book`;报错
    点击查看代码DROPTABLEIFEXISTS`tbl_book`;CREATETABLE`tbl_book`(`id`int(11)NOTNULLAUTO_INCREMENT,`type`varchar(20)DEFAULTNULL,`name`varchar(50)DEFAULTNULL,`description`varchar(255)DEFAULTNULL,PRIMARYKEY(`id`))ENGINE=Inn......
  • BootstrapBlazor组件库,Table组件导出选中行数据
    BootstrapBlazor组件库,Table组件导出选中行数据问题描述有很多小伙伴在使用BootstrapBlazor组件库的Table组件导出功能时,不知道怎么导出选中的行数据。解决方案通过SelectedRows来导出选中的行数据。Razor代码<TableTItem="Foo"IsPagination="true"PageItemsSource="Pag......
  • 使用Object.defineProperty() 定义对象属性时,如已设置 set 或 get, 就不能设置 writab
    使用Object.defineProperty()定义对象属性时,如已设置set或get,就不能设置writable和value中的任何一个了,不然会报如下错误。TypeError:Invalidpropertydescriptor.Cannotbothspecifyaccessorsandavalueorwritableattribute,#<Object>  letobj_tes......