AJAX 仿EXCEL表格功能_javascript技巧_脚本之家

作者llinzzi 版本0.9 说明:
当焦点不在表格内的input时,回车键复制最后一行,delete删除键最后一行
选择checkbox,可以进行复制,删除
双击表格会出现菜单,自动收集该列已存在数据,选中自动填充这里是亮点
数据发送采用ajax一行一行的发送 兼容IE6和Firefox1.5符合W3C
本表格一切功能都是为了减少输入录入工作,适合大项目开放使用 复制代码
代码如下:-//W3C//DTDHTML4.01Transitional//EN””;

仿Excel表格演示

无标题文档

发送数据

清空

全选 A1 A2 A3 A4 A5 A6 A7 A8 A9 A10 A11

Llinzzi Huanhuan Tom.com 超级长的长长长长长长

复制所选 删除所选 清空所有 提交 操作方法一
键盘操作1.Insert键增加一行,并复制最后一行内容,Delete键删除最后一行,该操作用以调节表格总大小;2.Tab键横向移动光标,Enter键纵向移动光标,符合Excle用户习惯;二
页面操作1.全选:选择全部行,再次执行释放全部行;2.复制所选:复制已经选择的行及其内容;3.删除所选:删除已经选择的行;4.清空所选:清除所有单元格中的内容;5.提交:发送数据内容到服务器三
智能操作双击单元格将弹出菜单,菜单自动收集该列上所有不重复的已输入内容,为重复输入数据提供了方便。

复制所选 删除所选

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

全选

A1

A2

A3

A4

A5

A6

发表评论

电子邮件地址不会被公开。 必填项已用*标注