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

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

脚本src=' http :http://handscontact able。github。io/handscontable-Rulejs/lib/jquery/jquery-1。10 .2 .js '/script script src=' http :http://handscontable。github。io/hand contact able-Rulejs/lib/hand contact able。满了。js '/脚本链接rel='样式表media=' screen ' href=' http://hand contact able在超文本标记语言中放置一个差异容器来存放手接触的控件：

body div id=' handsontable-code '/div/body在爪哇岛描述语言代码中，首先获取差异容器，然后创建表格控件：

脚本类型='text/javascript' $(文档)。ready(function(){ var data 1=['=$ B $ 2 '，'玛莎拉蒂','马自达，返回“1；2”、"返回DataAccess.getScalar('从云用户中选择前一名，其中手机=15895211486 ');"，'=A$1']，[2009，0，2941，4303，354，5814]，[2010，5，2905，2867，'=SUM(A4，2，3)'，'=$B1']，[2011，4，2517，4822，552，6127]，[2012，'=SUM(A 23360 a5)'，'=SUM(B5，渲染器。文本渲染器。应用(这个，参数)；定义变量转义=handsontable。帮手。stringify(值)，newvalueif(转义的。indexOf('return')===0) { //计算列为只读//CellProperties。ReadOnly=true道明。风格。背景=“# EEE”；新值=文档。创建元素(“span”)；$.ajax({ //提交数据的类型开机自检获取类型："开机自检",//提交的网址URL : '/services/csengine。ashx '，//提交的数据数据： {代码：值，代码2:转义},//返回数据的格式datatype: 'html '，//'xml '，' html '，' script '，' json '，' jsonp '，' text ' .//在请求之前调用的函数//beforeSend:函数(){ $('#msg ').html(“登录”)；}, //成功返回之后调用的函数成功：函数（数据){ //$('#msg ').html(decodeURI(数据));newvalue.innerHTML=decodeURI(数据);}, //调用执行后调用的函数完成：函数(XMLHttpRequest，textStatus){//alert(XMLHttpRequest。response text)；//alert(textStatus)；//HideLoadIng()；}, //调用出错执行的函数错误：函数(){ //请求出错处理//alert(' error ')} })；手触式. Dom.addEvent(newvalue，'鼠标按下'，函数(e){ e . prevent default()；//防止选择怪癖});手触式唐。空(TD)；道明。appendchild(新值)；} //如果行包含负数if(parsent(值，10) 0) { //添加类“负”TD。类名='负'；} } //类似超过进行拖放，公式会变var容器1=$(' # handscontable-code ')；手触式。渲染器。注册渲染器('否定评估者，否定评估者);1号集装箱。handsontable({ data : data 1，minSpareRows: 1，colHeaders: true，rowHeaders: true，contextMenu: true，manualColumnResize: true，formulas: true，cells:函数（行，列，道具){ var CellPropertieS={ }；定义变量转义=handsontable。帮手。stringify(这个。实例。getdata()[row][col])；如果(转义的。indexof(' return ')===0){ cell properties。渲染器=“负赋值器”；}返回cellProperties } })；});/script其中=SUM(E3 B5)的公式是RuleJs提供的，返回1 2是自己实现的C#代码脚本，需要单击解析：

公共类CSEngine : IHttpHandler { private static int count=0；公共无效进程请求(HttpContext上下文){上下文.响应。内容类型='文本/纯文本；尝试{计数字符串ret=字符串代码=上下文。请求['代码']。ToString()；如果(字符串IsNullOrEmpty(代码)){ ret='参数错误；} else {脚本选项=脚本选项.默认。添加引用（程序集GetAssembly()类型的(DBSerVices .DataAccess)) ) //.添加导入('系统。数据')//。添加导入('系统数据。SqlClient ').AddImports(' DBSerVices ')；var state=CSharpScript .RunAsync(代码，选项)。ret=状态. ToString()；状态=nulloptions=null}控制台WriteLine(计数);语境。回应。写(ret)；} catch(异常ex){//错误控制台WriteLine(计数);} } public bool IsReuse { get { return false；} }}运行代码，如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。