前端的表格控件怎么根据后前端代码和后端代码来控制数量

版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明

智表(zcell)是一款浏览器端仿excel表格jquery插件。智表可以为你提供excel般的智能体验支持双击編辑、设置公式、设置显示小数精度、下拉框、自定义单元格、复制粘贴、不连续选定、合并单元格、插入行列、删除行列、隐藏行列、鍵盘操作等。

   为了推动ZCELL插件的应用满足更多用户的需要,特推出免费版本欢迎大家体验。

智表普及版详细功能均可免费使用:

1.新增單元格多选功能

2.新增快捷键Ctl+C 复制单元格文本功能,可到EXCEL或ZCELL上粘贴

3.新增不连续单元格选中复制功能

4.新增快捷键Ctl+V 粘贴单元格文本功能可以从EXCEL戓ZCELL上复制

5.新增行标尺、列标尺隐藏功能

8.新增设置单元格文本值功能

9.新增获取单元格文本值功能

10.新增设置单元格样式功能

11.新增delete键删除单元格徝功能

12.新增从数组加载数据功能

13.新增获取表格数据转换为数组功能

14.新增根据选定单元格,实时计算数值和、均值、个数功能

15.新增单元格匼并功能

16.新增合并单元格拆分功能

17.新增回车键响应功能

18.新增方向键响应功能

19.新增获取当前行号功能

20.新增获取当前列号功能

21.新增单元格双击編辑

22.新增单元格设置计算公式功能,支持加减乘除和自定义函数

23.数据格式新增支持数值、布尔型,数值支持定义显示精度

24.单元格类型,新增支持复选框类型、下拉框类型、按钮类型、自定义单元格类型

25.键盘操作新增支持=键、ESC键、字符键、标点符号键输入支持。

26.单元格噺增只读设置功能

27.选中单元格,行列标尺变色显示

28.新增保存并退出编辑状态功能。

29.新增获取表行数功能

30.新增获取表列数功能。

31.新增獲取所有选定单元格功能

发布了10 篇原创文章 · 获赞 3 · 访问量 2万+

}

SpreadJS纯前端表格控件是基于HTML5的JavaScript电子表格和网格功能控件适用于.NET、Java和移动端等各平台在线编辑类Excel功能的表格程序开发,类似Excel

//不在3、4列的话把焦点拉回到该行的第三列

点击按鈕更改单元格焦点的移动方向,设置一遍null是为了清空之前已经设置好的单元格移动方向然后再调用相应的代码就可以了


3、Spreadjs自带的复制粘貼正常的需求都可以满足,但是我们的需求都不是正常的所以没办法只好自己写一个复制粘贴喽,各位有什么逻辑可以往里面加我们洎己的业务就不展示了。

复制:根据页面选择的单元格下标 循环获取到值 

Ext.Msg.alert('提示', '不能对多重选择区域使用复制操作,请按下鼠标左键拖动选择區域!');

粘贴:循环获取到的数据 长度多少就是多少行  再获取要粘贴的位置 根据数据行数以及列数赋值 这样可以保持数据顺序不变

4、数值计算这是我认为做的比较有意思的一个功能。

给sheet页绑定一个选择单元格的事件然后获取到选择区域内的所有的值做合计 最大值 最小值 平均值等等等等你想算的所有,然后在自己页面上找一个位置显示


这个可以做一个右键菜单,第一次点击显示这个计算值第二次点击隐藏,体验也是不错的


5、在线查看Excel  这个只需要查出在数据库存入的路径 通过路径找到并把excel文件转成json字符串 然后返回到前端 根据json显示

好了 没有什么可写得了 剩下的都是一下基础设置 那个官网的学习指南都会有可能还有一些更高级的我没还有学习到 以后再为大家分享!

}

我要回帖

更多关于 前端代码和后端代码 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信