2015-01-29 3 views
0

Я написал сценарий, который создает электронную таблицу Excel, используя библиотеку Wijmo (spreadJS). Я пытаюсь интегрировать эту таблицу внутри панели ExtJS, но получаю сообщение об ошибке: Uncaught TypeError: undefined не является функциейОшибка при запуске Wijmo SpreadJS через ExtJS

У меня есть два файла. Первым из них является 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;"/>' 
    }); 

} 

});

Оба они отлично работают при работе отдельно, но при попытке их интеграции они не дают результата.

У кого-нибудь есть идея, где ошибка здесь? Спасибо.

ответ

1

Я мог наблюдать за проблемой с помощью SpreadJS и перенаправил ее команде разработчиков для обзора.

Смежные вопросы