2016-04-07 4 views
0

私はExtJSにしてアプリケーションを構築したい、私は私の中で、sencha.comからHTMLファイルをGPLのバージョンをダウンロードし、私はコードを持っている: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); 

をしかし、結果は私が問題がすべての文書番目に、私は右のCSSファイルを持っていないと思いちょうど写真 enter image description here

のようですereはext-all.cssファイルで、私はそれを見つけることができませんか?

あなたの助け

+0

を取得開始をフォローedのガイド:http://docs.sencha.com/extjs/6.0/getting_started/getting_started.html –

+0

あなたの答えをありがとう、私の目標はext-all.jsとextをインポートするだけで、何もインストールすることでライブラリExtJsを使用することです-all-debug.jsとext-all.css –

答えて

0
ため

おかげで、私は煎茶のExtJSのの試用版をインストールしようとしましたが、抽出が動作していない、私は42%に達し、私は* .PNGファイルの問題(CRSのfaild)を持っています

問題は、CSSファイルが不足していることです。しかし、とにかく、自分でcssとjsファイルを含めることでhtmlファイルを書くべきではありません。 @Evanが示唆するように、最初からSencha Cmdを使用するべきです。 http://docs.sencha.com/extjs/6.2.0/guides/getting_started/getting_started.html

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