最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

如何在web中实现类似excel的表格控件

来源:懂视网 责编:小采 时间:2020-11-27 15:38:54
文档

如何在web中实现类似excel的表格控件

如何在web中实现类似excel的表格控件:Execl功能非常强大,内置的很多函数或公式可以大大提高对数据的加工处理能力。那么在web中有没有类似的控件呢?经过一番搜寻,发现handsontable具备了基本的excel功能支持公式,同时能对数据进行实时编辑。另外支持拖动复制、Ctrl+C 、Ctrl+V 等等
推荐度:
导读如何在web中实现类似excel的表格控件:Execl功能非常强大,内置的很多函数或公式可以大大提高对数据的加工处理能力。那么在web中有没有类似的控件呢?经过一番搜寻,发现handsontable具备了基本的excel功能支持公式,同时能对数据进行实时编辑。另外支持拖动复制、Ctrl+C 、Ctrl+V 等等
  Execl功能非常强大,内置的很多函数或公式可以大大提高对数据的加工处理能力。那么在web中有没有类似的控件呢?经过一番搜寻,发现handsontable具备了基本的excel功能支持公式,同时能对数据进行实时编辑。另外支持拖动复制、Ctrl+C 、Ctrl+V 等等。在浏览器支持方面,它支持以下的浏览器: IE7+, FF, Chrome, Safari, Opera。

首先引入相关库文件,公式支持不包含在handsontable.full.js中,需要单独引入:

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
 9 
10 
11 
12 
13 
14 

在HTML中放置一个Div容器来存放handsontable控件:

1 
2 
3

在javascript代码中,首先获取div容器,然后创建表格控件:

 1 
其中 =SUM(B5,E3)的公式是RuleJs提供的,return 1+2是自己实现的C#代码脚本,需要单击解析:
 1 public class CSEngine : IHttpHandler {
 2 private static int count = 0;
 3 public void ProcessRequest (HttpContext context) {
 4 context.Response.ContentType = "text/plain";
 5 
 6 try
 7 {
 8 count++;
 9 string ret = "";
10 string code = context.Request["code"].ToString();
11 if (string.IsNullOrEmpty(code))
12 {
13 ret = "参数错误";
14 }
15 else
16 {
17 ScriptOptions options = ScriptOptions.Default
18 .AddReferences(
19 Assembly.GetAssembly(typeof(DBServices.DataAccess))
20 )
21 //.AddImports("System.Data")
22 //.AddImports("System.Data.SqlClient")
23 .AddImports("DBServices");
24 var state = CSharpScript.RunAsync(code, options).Result.ReturnValue;
25 ret = state.ToString();
26 
27 state = null;
28 options = null;
29 }
30 Console.WriteLine(count);
31 context.Response.Write(ret);
32 }
33 catch(Exception ex)
34 {
35 //error
36 Console.WriteLine(count);
37 }
38 }
39 
40 public bool IsReusable {
41 get {
42 return false;
43 }
44 }
45 
46 }

运行代码,如下:

文档

如何在web中实现类似excel的表格控件

如何在web中实现类似excel的表格控件:Execl功能非常强大,内置的很多函数或公式可以大大提高对数据的加工处理能力。那么在web中有没有类似的控件呢?经过一番搜寻,发现handsontable具备了基本的excel功能支持公式,同时能对数据进行实时编辑。另外支持拖动复制、Ctrl+C 、Ctrl+V 等等
推荐度:
标签: 表格 excel 实现
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top