包含extjs5crisp的詞條

本文目錄一覽：

• 1、extjs5 統計圖表載入不出來，空白頁面
• 2、Extjs5 為什麼要在launch方法寫代碼
• 3、extjs5.0 餅狀圖無法顯示，

extjs5 統計圖表載入不出來，空白頁面

貌似是因為根據 xtype: ‘cartesian’,這條語句，沒找到對應的類，應該是cartesian這個繼承自Ext.chart.Chart的類中的設定有問題，看不到代碼，自己查吧

Extjs5 為什麼要在launch方法寫代碼

1、直接調用

一直都有朋友在問題，我的代碼（如下），運行為什麼沒有效果 。 這可以是每個Extjs 初學者都想問題在launch 方法背後都會做一些什麼工作 ？

script type=”text/javascript”

// 這樣寫有錯嗎？

/**

* 文件名：當前文件

* 功能描述：直接調用

* 日期：2014-06-16

* 編寫：獁特頭

* 請查看：

*/

Ext.create(‘Ext.Component’, {

html: ‘Hello world!’,

width: 300,

height: 200,

padding: 20,

style: {

color: ‘#FFFFFF’,

backgroundColor:’#367FC1′

},

renderTo: ‘ff’,

});

/script

2、onReady方法

記得接觸Extjs時，那時Extjs2.2.1 版本在運行Extjs 代碼當都要有用onReady方法 。

下面

Many applications are initiated with Ext.onReady which is called once the DOM is ready. This ensures all scripts have been loaded, preventing dependency issues.

譯

應用程序啟動Ext.onReady曾經被稱為DOM已經準備好了。這樣可以確保所有腳本載入,防止依賴問題。

script type=”text/javascript”

/**

* 文件名：當前文件

* 功能描述：直接調用

* 日期：2014-06-16

* 編寫：獁特頭

* 請查看：

*/

Ext.onReady(function(){

new Ext.Component({

renderTo: document.body,

html: ‘DOM ready!’

});

});

/script

看到這裡有想必您應該知道 下面代碼都在幹嘛吧！和 onReady 方法有著一曲同工之意 。

script type=”text/javascript”

Ext.application({

name:’hello’,

launch:function(){

// 為什麼寫成這樣

Ext.create(‘Ext.Component’, {

html: ‘Hello world!’,

width: 300,

height: 200,

padding: 20,

style: {

color: ‘#FFFFFF’,

backgroundColor:’#367FC1′

},

renderTo: ‘ff’,

});

}

});

/script

extjs5.0 餅狀圖無法顯示，

最新版本是Extjs5.0.1，我們可以在官方網站進行下載。（這裡不得不提一句，Extjs5到目前為止還沒有免費的授權，所以下載到的版本是試用版。）

下載到的壓縮包解壓以後，你會看到一大堆的文件夾和文件，我們該如何使用Extjs5呢？

之前看到過別人說的通過Sencha CMD創建Extjs5項目，但個人覺得那種方式並不適合我們目前的開發模式。我說做ASP.NET的，需要在ASP.NET MVC或WebForm中使用Extjs，所以絕對不上簡單的通過Sencha CMD 生成Extjs5項目那麼簡單。