如何在web中实现类似excel的表格控件
发布网友
发布时间:2022-04-22 05:47
我来回答
共2个回答
懂视网
时间:2022-05-12 23:06
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 }
运行代码,如下:
热心网友
时间:2022-05-12 20:14
SpreadJS 可以使用 Excel ExcelIO 服务来和Excel文件交互。ExcelIO服务需要部署到服务端,通过 ExcelIO 服务你可以导入 Spread 文件后你可以和表单中的数据交互,并且保存分发给最终用户。SpreadJS 支持导出到多种格式的文件,包括 Excel2007(XLSX)\Excel 97 (XLS)、CSV 和 TXT格式.
具体的实现,可以参考下面的介绍
http://www.gcpowertools.com.cn/procts/spreadjs/
如何在网页中嵌入excel控件,实现excel的在线编辑?
最快的方法就是使用在线Excel插件,在浏览器中嵌入这些功能。市面上比较好用的在线Excel插件,有 SpreadJS纯前端表格控件 、WebOffice控件等。如果要支持在线编辑的话,需要插件自带数据填报功能,这样我就推荐你使用SpreadJS了,他的数据填报是自带的,不用二次开发 ...
C# WinForm窗体中,嵌入类似于Excel表格
这个控件可以在WINFORM里面直接把EXCEL引用上来显示在控件里面,就像在操作EXCEL一模一样。可以在Excel里面先设置好,把标题隐藏,状态栏,编辑栏,滚动条等这些隐藏,这样看起来也看不出是在Excel操作。也可以在Excel里设置好数据有效性,这样就只能选择,可以设置只允许用户选择指定单元格,其他单元格不能选...
前端必读2.0:如何在React 中使用SpreadJS导入和导出 Excel 文件
要将SpreadJS应用到React项目,首先需要安装相关组件,如在StackBlitz上运行的示例。然后,替换原有的静态表格组件,导入SpreadJS和相关模块,配置工作表参数,并实现数据绑定以响应用户操作。例如,通过useState钩子来管理状态,监听Worksheet组件的值变化并更新全局状态。对于Excel导入/导出,安装Spread.Sheets客户...
如何实现在网页中在线编辑EXCEL表格,然后保存到服务器中
SpreadJS 纯前端表格控件:这个才是真正符合我需求的东西,他们标榜自身是一款控件,开始看的时候我是不太明白控件是什么意思的,于是之后我百度了一下,了解了一下控件的概念,才知道这个应该就是我要找的内容,他们有一个在线表格编辑器的东西:这个看上去跟Excel外观一模一样,而且据他们客服说这个可以...
如何在vb窗体中制作表格,与Excel表格差不多的样子
你在窗体中放入一个OLE控件,然后选择一个Excel文档即可。这样就不是“与Excel表格差不多的样子”了,因为它就是Excel表格。
能设计一个软件,将需要填写的EXCEL表格生成为网页,在浏览器中填表...
1、这个只要能支持Excel导入,就能实现你的需求,SpreadJS有Excel导入功能 2、你说的其实都是Excel本身的设计风格,上面说的用一些第三方的类Excel表格控件集成到系统中去做页面的Excel表格展示就可以完全做到。SpreadJS就是将Excel的电子表格在网页中去显示,所以显示的效果完全跟Excel一样 3、是基本的填报...
Web前端怎样实现像excel那样的按列拖选的表格
Web上的表格如果沿着一列进行拖选,就会把横着的所有单元格都选中,而不能像Excel只选中我拖选的这一列
请推荐一个能让多人同时在线填的表格,类似excel的
SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel组件开发、 表格文档协同编辑、 数据填报、 类Excel报表设计等业务场景。3、石墨文档:石墨文档是中国一款支持云端实时协作的企业办公服务软件,可以实现多人同时在同一文档及表格上进行编辑和实时讨论,同步响应速度达到毫秒级。文档/表格实时保存...
web前端怎么显示表格月份?
javaweb显示excel表格,数据是自己输入的前端文本1、要正确的将Web客户端的Excel文件导入到服务器的数据库中,需要将客户端的Excel文件上传到服务器上。可以使用FileUpload控件完成。Excel文件上传到服务器指定的目录中,这里假设是该站点的upfiles目录中。2、Excel这部分可以用SpreadJS,这是一个纯前端的控...
excel有免费的在线多人编辑操作吗?
显示部分主要是Excel的功能显示与操作,首先肯定是要将一个Excel功能的表格组件嵌入到网页上面的,这里可以找一些专业的第三方的Excel组件进行集成,例如:SpreadJS。目前SpreadJS官网上也有一些现成的demo可供访问。从上述demo来看,SpreadJS已经完成了Excel展示、编辑、导入、导出的功能。展示与编辑 导入 导出...