ExtJS快速入門 - 如何運行

我已經開始學習Ext JS，並立即偶然發現了第一步their quick start。ExtJS快速入門 - 如何運行

我應該在哪裏放置hello世界代碼來在我的網頁中查看結果，而不是他們的交互式演示？

我有本地Web服務器啓動並運行，所以問題是在應用程序的文件佈局。

2017-09-14 Alexandr Zarubkin

對於你應該使用煎茶Cmd的創建項目如果可能，應用程序。在你提供給Sencha Cmd命令行工具的應用程序工作目錄中，你會發現你需要的所有東西，包括一個帶有存儲，視圖等的示例應用程序 – Alexander

您在項目的根目錄下創建一個app.js文件，然後將代碼放在那裏。你也應該包括在index.html文件這個文件，包含庫腳本後，就像這樣：

<script type="text/javascript" src="app.js"></script>

基本上你首先加載ExtJS的庫文件，然後加載不使用的東西ExtJS的文件。

或者你可能不需要任何額外的文件，只是包括內嵌的JavaScript的形式index.html（庫被加載後也）代碼：

<script type="text/javascript"> 
    Ext.application({ 
    name: 'MyApp', 

    launch: function() { 
     Ext.Viewport.add({ 
      xtype: 'panel', 
      title: 'New Panel', 
      html: 'My new panel!' 
     }); 
    } 
}); 
</script>

來源

2017-09-14 09:02:51 scebotari66

當我獲得'TypeError：Ext.Viewport.add不是一個函數'在'index.html'文件中包含'app.js'。 –

如果我包含'ext-modern-all-debug.js'而不是'ext-all-debug.js'，我會得到'TypeError：Ext.Viewport is undefined'。 –

如果我遵循ExtJS文檔（http://docs.sencha.com/extjs/6.2.0/modern/Ext.Viewport.html）中的示例，則會得到'TypeError：Ext.setup不是函數。真是一團糟。 –

ExtJS快速入門 - 如何運行

回答

相關問題