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

前端之家收集整理的这篇文章主要介绍了在web中js实现类似excel的表格控件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

其中 =SUM(B5,E3)的公式是RuleJs提供的,return 1+2是自己实现的C#代码脚本,需要单击解析:

<div class="jb51code">
<pre class="brush:csharp;">
public class CSEngine : IHttpHandler {
private static int count = 0;
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";

  1. try
  2. {
  3. count++;
  4. string ret = "";
  5. string code = context.Request["code"].ToString();
  6. if (string.IsNullOrEmpty(code))
  7. {
  8. ret = "参数<a href="/tag/cuowu/" target="_blank" class="keywords">错误</a>";
  9. }
  10. else
  11. {
  12. ScriptOptions options = ScriptOptions.Default
  13. .AddReferences(
  14. Assembly.GetAssembly(typeof(DBServices.DataAccess))
  15. )
  16. //.AddImports("System.Data")
  17. //.AddImports("System.Data.<a href="/tag/sql/" target="_blank" class="keywords">sql</a>Client")
  18. .AddImports("DBServices");
  19. var state = CSharpScript.RunAsync(code,options).Result.ReturnValue;
  20. ret = state.ToString();
  21. state = null;
  22. options = null;
  23. }
  24. Console.WriteLine(count);
  25. context.Response.Write(ret);
  26. }
  27. catch(Exception ex)
  28. {
  29. //error
  30. Console.WriteLine(count);
  31. }

}

public bool IsReusable {
get {
return false;
}
}

}

运行代码,如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章