2016-04-07 42 views
0

我想建立與ExtJS的應用程序,我從sencha.com下載的GPL的版本,在我的HTML文件我的代碼:EXT-6 GPL的Hello World

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset='utf-8'> 
    <link rel="stylesheet" type="text/css" href="../lib/extjs/build/resources/ext-watermark/style.css"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
    <title>Test ExtJs version 6</title>  
    <script type="text/javascript" src="../lib/extjs/build/ext-all-debug.js"></script> 
    <script type="text/javascript" src="../lib/extjs/build/ext-all.js"></script> 
    <script type="text/javascript" src="testExtJsscript.js"></script> 
</head> 
<body> 
    <h2>Test ExtJs</h2> 
</body> 
</html> 

和我testExtJsscript.js我有代碼:

function mess(){ 
Ext.MessageBox.alert('info','Extjs4 est pret'); 
} 

Ext.onReady(mess); 

但結果是一樣的照片 enter image description here

我覺得現在的問題是,我有沒有合適的css文件中的所有文檔日ere是一個ext-all.css文件,我無法找到它?

我試圖安裝煎茶ExtJS的試用版,但提取不工作,我達到了42%,我有* .png文件的問題(CRS zhcon失敗)

感謝您的幫助

+0

按照越來越開始編輯指南:http://docs.sencha.com/extjs/6.0/getting_started/getting_started.html –

+0

感謝您的回答,我的目標是使用庫ExtJs安裝任何東西,只需導入ext-all.js和ext -all-debug.js和ext-all.css –

回答

0

最小的HTML應該是這樣的:

<!DOCTYPE html> 
<html> 
    <head> 
     <link href="/ext/6.0.0/build/classic/theme-triton/resources/theme-triton-all.css" rel="stylesheet" /> 
     <script src="/ext/6.0.0/build/ext-all.js"></script> 
     <script src="/ext/6.0.0/build/classic/theme-triton/theme-triton.js"></script> 
    </head> 
    <body> 
     <script> 
      Ext.onReady(function() { 
       Ext.Msg.alert('Welcome', 'Hello, World!'); 
      }); 
     </script> 
    </body> 
</html> 

看到我的在線演示在這裏:

ExtJS 6 Hello World Application

ExtJS 6 Hello World Application Using Ext Loader

ExtJS 6 "Hello World" Application - Modern Toolkit