Ajax太牛了，以智能表格为例

最新推荐文章于 2025-01-15 09:25:38 发布

fireswolfs

最新推荐文章于 2025-01-15 09:25:38 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： ajax prototype 服务器 delete input

本文链接：https://blog.youkuaiyun.com/fireswolfs/article/details/951991

本文介绍了一个使用Ajax技术实现的智能表格应用，支持动态增删行、全选、复制、删除及清空等功能，并具备文件保存与打开功能。此外，还实现了智能输入辅助，通过收集列中已有的唯一值来简化数据录入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

早闻Ajax大名。

今天在网上看到一个用Ajax做的智能表格，太帅了。界面如下：

操作方法
一编辑操作
    <一> 键盘操作
        1.Insert键增加一行，并复制最后一行内容，Delete键删除最后一行，该操作用以调节表格总大小；
        2.Tab键横向移动光标，Enter键纵向移动光标，符合Excle用户习惯；
    <二> 页面操作
        1.全选选择全部行，再次执行释放全部行；
        2.复制所选复制已经选择的行及其内容；
        3.删除所选删除已经选择的行；
        4.清空所选清除所有单元格(input)中的内容；
        5.提交利用ajax技术发送数据内容到服务器
二文件操作 (此处完全ajax技术完成)
    <一> 保存
        输入名字就可以进行保存操作
        数据基于ajax技术传送到服务器,并有进度显示
    <二> 打开
        点击打开就可以打开文件列表,再次单击项目,就可以打开表格

三智能操作
    此功能为本作品的重点和特点
    双击单元格将弹出菜单，菜单自动收集该列上所有不重复的已输入内容，为重复输入数据提供了方便；

用途
适合多用户大规模BS模式系统的录入，如业务订单等