layui 框架 table插件 实现键盘快捷键 切换单元格编辑

最近使用layui的框架时，发现table插件不支持键盘快捷键切换单元格，花了点时间实现此功能。

分享给有需要的朋友们~~~

1.支持 enter，上，下，右键 切换单元格，支持隐藏列跳过切换。

注：单元格必须开启了 edit：text 模式，才支持键盘切换。

使用方法:
1.在需要启用此功能的页面中js代码段插入。
2.在公用的js文件中插入即可。使用此方式js文件必须在页面加载完成后再加载，最迟加载，切记！

原文地址：https://www.cnblogs.com/zakary-zhen/p/11125561.html

时间： 2024-10-13 21:27:00

layui 框架 table插件 实现键盘快捷键 切换单元格编辑的相关文章

修改Eclipse的EasyExplore插件的键盘快捷键

工欲善其事,必先利其器 为了高效的编码,一个顺手的IDE是必不可少的. Eclipse下的EasyExplore插件挺不错,经常会打开项目的文件夹查找内容,只是日渐习惯全部键盘操作后,有时想使用EasyExplore打开一个文件夹,却发现弹出来的右键菜单里的"Easy Explore..." 是没有键盘快捷键的,每每这时都得打断思路使用鼠标操作,挺郁闷的.于是打算稍微修改一下此插件. 参考资料: 1.改造easyexplore插件 - terrine - BlogJavahttp://

获取table表格指定列的所有单元格的内容

获取table表格指定列的所有单元格的内容:本章节介绍一下如何获取表格指定列的所有单元格的内容,这可能在一些应用或者说扩展应用中会需要.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <titl

C# DataGridView点击Enter键切换单元格

#region 将ENTER键转换为TAB protected override void OnKeyUp(System.Windows.Forms.KeyEventArgs e) { base.OnKeyUp(e); if (e.KeyCode == System.Windows.Forms.Keys.Enter) { e.Handled = true; System.Windows.Forms.SendKeys.Send("{TAB}"); } } protected overri

layui中table表格的操作列（删除，编辑）等按钮的操作

1 //编辑,删除,发布申请 2 table.on('tool(demo)', function(obj){ 3 var data = obj.data; 4 // console.log(data) 5 if(obj.event === 'check'){ 6 // console.log(data.id); 7 $('.textCon').val(""); 8 layer.open({ 9 title: '发布申请' 10 ,type: 1 11 ,maxmin:true 12 ,

UIKit框架（22）UITableView之静态单元格

表格控制器 UITableViewController是UIViewController的子类 控制器中包含一个UITableView视图属性: @property(nonatomic, retain) UITableView *tableView UITableViewController遵循UITableView的数据源协议.代理协议 并且属性tableView的数据源.代理均被设置为控制器. 表格视图的刷新控件: @property(nonatomic, retain) UIRefresh

UIKit框架（21）UITableView实现复杂单元格（一）

上篇文章介绍了UITableView的数据源驱动.重用机制.刷新数据等基本用法 本篇文章介绍如何实现一些复杂的单元格 UITableViewCell单元格对象有四种基本样式,开发中这个基本样式往往不能满足我们的需求,也就是说需要自定义UITableViewCell的样式,介绍主要的两种做法: 1)使用纯代码自定义 2)使用storyboard中的prototype cell 先来介绍一下UITableViewCell UITableViewCell表格单元格 UITableView中的单元格使用

table边框表头单元格空间合并等设置

表格由<table>标签来定义,每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义).字母 td 指表格数据(table data),即数据单元格的内容.数据单元格可以包含文本.图片.列表.段落.表单.水平线.表格等等. 1 HTML 表格的基本结构: 2 <table>…</table>:定义表格 3 <th>…</th>:定义表格的标题栏(文字加粗) 4 <tr>…<

键盘快捷键

认识键盘按键名称 整理收藏了一些常用的键盘快捷键,分享给大家,希望对初学者有帮助,原创帖,欢迎转载,转载请注明文章出处. 一.功能键(F1~F12) 按键 作用 说明 F1 帮助 每个程序几乎都有帮助文档,碰到一些英文软件,可以利用帮助文档来学单词,把帮助文档看懂了,离高手也就不远了 F2 重命名 F3 定位到搜索框 等同于Ctrl+F组合键的作用 F4 定位到地址栏 等同于Alt+D组合键的租用 F5 刷新 Ctrl+F5是强制刷新,浏览网页时常用 F8 安全模式选择菜单 系统不能正常启动时使

linux键盘快捷键

http://blog.csdn.net/pipisorry/article/details/39560583 ubuntu 12.04键盘快捷键 说明: 这个快捷键总表可以通过长按super键( Ubuntu下Super即为win键(Ctr和Alt键之间))看到(无意中亲测有效) 同一个应用程序的打开窗口给合并了,常按Alt+Tab,然后用方向键切换不同的窗口 此页面提供了可以让你更有效地使用桌面和应用程序的键盘快捷键的总览.如果不能使用鼠标或其他指点设备,查看键盘导航来获取更多关于只使用键盘