实际操作

时间:2013-09-25 19:10:53

标签: jquery handsontable

我按照User:PostureOfLearning建议的步骤编写了测试代码,我将在下面粘贴。它在Chrome中运行良好,但在IE中没有。请告诉我,如果我需要进行任何更改,以使代码在IE中工作。提前谢谢。

 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
 <script src="jquery.js" type="text/javascript"></script>  
 <script src="jquery.plugin.js" type="text/javascript"></script>  
 <script src="custom.js" type="text/javascript"></script> 
 <script src="C:\wamp\www\rrr\bin\jquery-handsontable-master\dist_wc\x-handsontable\jquery.handsontable.full.js"></script>
 <link rel="stylesheet" media="screen" href="C:\wamp\www\rrr\bin\jquery-handsontable-master\dist_wc\x-handsontable\jquery.handsontable.full.css">
 </head>
 <body>
 <div id="handsontableDivID">
 <script>
  var data = [
   ["", "Maserati", "Mazda", "Mercedes", "Mini", "Mitsubishi"],
   ["2009", 0, 2941, 4303, 354, 5814],
   ["2010", 5, 2905, 2867, 412, 5284],
   ["2011", 4, 2517, 4822, 552, 6127],
   ["2012", 2, 2422, 5399, 776, 4151]
             ];
  var config = {
    data: data,
    minRows: 5,
    minCols: 6,
    minSpareRows: 1,
    autoWrapRow: true,
    colHeaders: true,
    contextMenu: true
    };
    $("#handsontableDivID").handsontable(config);
   </script>
   </body>
   </html>

我得到的错误是 SCRIPT1014:无效字符 jquery.handsontable.full.js,第1行第1个字符 SCRIPT438:对象不支持属性或方法'handsontable' test1.html,第32行第1个字符

1 个答案:

答案 0 :(得分:0)

我假设您已将zip文件解压缩到您的网站解决方案中,并且您还安装了jQuery。

在网页上,您需要确保添加指向您提取的js文件的脚本。类似的东西:

<script src="~/js/Handsontable/jquery.handsontable.js"></script>

添加样式:

<link href="~/css/jquery.handsontable.css" rel="stylesheet" />

还有一些示例js:

var config = {} //Any config would be done here
$("#handsontableDivID").handsontable(config); //this initializes the table

要从掌上电脑中取出数据并发送回服务器:

vara data = $("#handsontableDivID").handsontable('getInstance').getData();

查看示例以及如何:

http://handsontable.com/index.html