jQuery插件Spreadsheet电子表格实现javascrip处理电子数据表功能

我们经常使用Microsoft Office Excel 2003操作电子表格，但如果要实现一个使用javascript在网页中操作电子表格功能，那么就会有一定的难度，这里介绍一个jQuery插件 Spreadsheet电子表格工具，可实现在网页中处理电子数据表，Spreadsheet电子表格效果图如下：

使用说明
需要使用jQuery库文件和Spreadsheet电子表格库文件
Google Code下载Spreadsheet电子表格
支持浏览器：Firefox 2/3, IE 7/8, Epiphony 2, Opera 9, Safari 3

使用实例
一，包含文件部分

1. <script type="text/javascript" src="js/jquery.js"></script>
2. <script src="js/ui.base.js"></script>
3. <script src="js/ui.draggable.js"></script>
4. <script type="text/javascript" src="js/jquery.textbox.js"></script>
5. <script type="text/javascript" src="js/jquery.tableresizer.js"></script>
6. <script type="text/javascript" src="js/jquery.spreadsheet.js"></script>

二，HTML部分

1. <div id="hn"></div>

三，Javascript部分(调用Spreadsheet电子表格)

1. <script type="text/javascript">
2. $(function(){
3. $("#hn").spreadsheet();
4. $("#hn").spreadsheet("setWidth","b",200);
5. $("#hn").spreadsheet("setHeight","2",30);
6. $("#hn").spreadsheet("setValue","c5","foo");
7. $("#hn").spreadsheet("setStyle","c5","font-style","italic");
8. $("#hn").spreadsheet("addName","b2:c3","newRange");
9. $("#hn").spreadsheet("addFunction","MATHS","ABS","=ABS(number)");
10. $("#hn").spreadsheet("addFunction","MATHS","ACOS","=ACOS(number)");
11. $("#hn").spreadsheet("addFunction","MATHS","ASIN","=ASIN(number)");
12. $("#hn").spreadsheet("addFunction","LOGICAL","AND","=AND(value1,value2,...)");
13. $("#hn").spreadsheet("addFunction","LOGICAL","FALSE","=FALSE()");
14. });
15. </script>

从上面实例来看，实现一个在线电子表格处理程序，需要了解相关的参数配置，相比其它插件，使用上有一定的难度，这里我就不一一详细，具体大家可以查看Spreadsheet电子表格的库文件。

点我查看jQuery插件Spreadsheet电子表格实现javascrip处理电子数据表功能 在线演示