如何使用extjs

的多個控件通過以下示例。如何使用extjs

該走通設置一個乾淨的MVC結構並增加了電網的頁面。在我的網站上，我希望使用許多extjs功能。但想要澄清以下內容。

1）通常會1個網站只有一個app.js或我會創建一個新的應用程序每個功能。所以如果我想1）聯繫信息網格2）新聞網格3）圖表。意味着3個應用程序。

這是我目前如何加載我的應用程序（這是一個網格）

的index.html

<html> 
<head> 
    <title>Account Manager</title> 

    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> 
    <script type="text/javascript" src="extjs/ext-debug.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
</head> 
<body></body> 
</html>

app.js

Ext.application({ 
    name: 'AM', 
    appFolder: 'app', 
    controllers: [ 
      'Users' 
      ], 
    launch: function() { 
     Ext.create('Ext.container.Viewport', { 
      layout: 'fit', 
      items: [ 
       { 
        xtype: 'userlist', 
        title: 'Users', 
        html: 'List of users will go here' 
       } 
      ] 
     }); 
    } 
});

來源

2011-07-20 frosty

你有沒有解決這個問題。我也在致力於實現一個Web應用程序，該應用程序在一個頁面上具有多個不同組件的頁面或多個組件。我遇到了一些問題，試圖讓他們正確渲染一個模型主題，以防止一個組件干擾另一個組件。最後，我剛剛爲每個使這個項目變得龐大的組件撰寫文件。你能評論你決定做什麼嗎？在上例中， – vbNewbie

@Frosty，你只需要一個應用程序每個網站的文件。

我們鼓勵您爲網格，圖表和您在網站中使用的任何其他組件創建單獨的類。每個班級應該進入一個單獨的文件。

那麼當你使用Ext.create創建組件的實例時，EXTJS4將動態加載該javascript文件。這有助於解決大型應用程序中的性能問題，因爲不需要在頁面加載時關閉所有文件。

來源

2011-07-20 11:22:24

啓動方法創建視口。顯然，我不希望這個網格在每一頁上。那麼，我是否將啓動移至單獨的js文件？ – frosty

根據我的理解，Ext.Application類主要用於單頁應用程序。那就是用戶瀏覽到一個頁面（index.html），並停留在頁面上的時間爲您在網站上花費的時間。然後使用ExtJS動態引入所有內容和組件。有關更多信息，請參閱http://docs.sencha.com/ext-js/4-0/#/api/Ext.app.Application –

上的文檔。總而言之，如果用戶留在同一頁面上，那麼您只需要1個Ext.Application文件。如果用戶將瀏覽到多個頁面，那麼最好在你的網站上以不同的方式實現ExtJS4，即不使用Ext.Application 個人而言，我從來沒有使用這種單頁架構構建應用程序或網站，因爲我發現它對於大型應用程序來說太嚴格了。 –

回答

相關問題