运行 Wijmo SpreadJS 通过 ExtJS 时出错
Error when running Wijmo SpreadJS through ExtJS
我编写了一个脚本,它使用 Wijmo 库 (spreadJS) 创建了一个类似于 Excel 的电子表格。我尝试将此电子表格集成到 ExtJS 面板中,但出现错误:Uncaught TypeError: undefined is not a function
我有两个文件。第一个是 index.html ,其中我有对库和 SpreadJS 脚本的所有引用,如下所示:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="ext-5.1.0/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
<script type="text/javascript" src="ext-5.1.0/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>
<script type="text/javascript" src="ext-5.1.0/build/ext-all.js"></script>
<script type ="text/javascript" src="appEx.js"></script>
<!--jQuery References-->
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" type="text/javascript"></script>
<!--Theme-->
<link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" title="rocket-jqueryui"/>
<!--Wijmo Widgets CSS-->
<link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.3.min.css" rel="stylesheet" type="text/css" />
<!--Wijmo Widgets JavaScript-->
<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20131.3.min.js" type="text/javascript"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.3.min.js" type="text/javascript"></script>
<!-- SpreadJS CSS and script -->
<script src="http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.all.1.20131.1.min.js" type="text/javascript"></script>
<link href="http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.1.20131.1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
$("#ss").wijspread({ sheetCount: 2 }); // create wijspread widget instance
var spread = $("#ss").wijspread("spread"); // get instance of wijspread widget
var sheet = spread.getActiveSheet(); // get active worksheet of the wijspread widget
// initialize spreadJS
});
</script>
</head>
<body>
</body>
第二个文件是 appEx.js 我有我的 ExtJS 应用程序的地方:
Ext.application({
name : 'MyApp',
launch : function() {
Ext.create('Ext.Panel', {
renderTo : Ext.getBody(),
width : 800,
height : 600,
bodyPadding : 5,
title : 'This is EXTJS 5',
html : '<div id="ss" style="height:500px;border:solid gray 1px;"/>'
});
}
});
当 运行 单独 运行 时,它们都 运行 完美,但当尝试将它们集成时,它们没有给出结果。
有谁知道这里的错误在哪里?
谢谢。
我可以观察到 SpreadJS 的问题,并已将其转发给开发团队进行审核。
我编写了一个脚本,它使用 Wijmo 库 (spreadJS) 创建了一个类似于 Excel 的电子表格。我尝试将此电子表格集成到 ExtJS 面板中,但出现错误:Uncaught TypeError: undefined is not a function
我有两个文件。第一个是 index.html ,其中我有对库和 SpreadJS 脚本的所有引用,如下所示:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="ext-5.1.0/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
<script type="text/javascript" src="ext-5.1.0/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>
<script type="text/javascript" src="ext-5.1.0/build/ext-all.js"></script>
<script type ="text/javascript" src="appEx.js"></script>
<!--jQuery References-->
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" type="text/javascript"></script>
<!--Theme-->
<link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" title="rocket-jqueryui"/>
<!--Wijmo Widgets CSS-->
<link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.3.min.css" rel="stylesheet" type="text/css" />
<!--Wijmo Widgets JavaScript-->
<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20131.3.min.js" type="text/javascript"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20131.3.min.js" type="text/javascript"></script>
<!-- SpreadJS CSS and script -->
<script src="http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.all.1.20131.1.min.js" type="text/javascript"></script>
<link href="http://cdn.wijmo.com/spreadjs/jquery.wijmo.wijspread.1.20131.1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
$("#ss").wijspread({ sheetCount: 2 }); // create wijspread widget instance
var spread = $("#ss").wijspread("spread"); // get instance of wijspread widget
var sheet = spread.getActiveSheet(); // get active worksheet of the wijspread widget
// initialize spreadJS
});
</script>
</head>
<body>
</body>
第二个文件是 appEx.js 我有我的 ExtJS 应用程序的地方:
Ext.application({
name : 'MyApp',
launch : function() {
Ext.create('Ext.Panel', {
renderTo : Ext.getBody(),
width : 800,
height : 600,
bodyPadding : 5,
title : 'This is EXTJS 5',
html : '<div id="ss" style="height:500px;border:solid gray 1px;"/>'
});
}
});
当 运行 单独 运行 时,它们都 运行 完美,但当尝试将它们集成时,它们没有给出结果。
有谁知道这里的错误在哪里? 谢谢。
我可以观察到 SpreadJS 的问题,并已将其转发给开发团队进行审核。