ExtJs-の徒歩圏内にプレゼンテーションの基礎について話します

ExtJSの受信のWeb UIフレームワークです。

ExtJSの公式サイト:http://extjs.org.cn/

ExtJs3.3.1リリースパッケージ構造:

画像

アダプター:サードパーティのライブラリは、基礎となるも、その根底にあるのExtライブラリーを含むデータベース、(主にExtJSには、4つのアダプタの内線を提供し、jqueryの、プロトタイプでサポートされている基盤となるExtにマッピングされ、YUIこれらのアダプタを介して、あなたはExtJSのを作ることができます。これらのフレームワークの上に構築されたアプリケーション)

ドキュメント:APIのヘルプドキュメント

例:ExtJSに作られた小さな技術の使用の提供例

PKGS:extは一般的なコントロールを提供

リソース:内線UIリソースファイルのディレクトリ、例えば:CSSは、画像ファイルはここに保存されています

SRC:ExtJSのソース

EXT-all.js:内線圧縮すべてのソース

EXT-すべて-debug.jsとするのが最良:(デバッグ用)のExt全体を非圧縮のソース

ここで、実際の必要に応じて、ロケールの言語のパッケージディレクトリを提供する内線のソースディレクトリ(SRC)。

ページの内線フレームワークを使用したファイルは、そこに導入されなければならない:EXT-all.css、EXT-base.js、EXT-all.js。

以下は、HelloWorldの例を提供します。

<%@ページ言語= " javaの" pageEncodingは= " UTF-8 " %> 
<!DOCTYPE HTML PUBLIC " - // W3C // DTD HTML 4.01移行// EN" > 
< HTML > 
    < > 
        <! - ExtJSの始まり- > 
        < リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" HREF = "../js/ext331/resources/css/ext-all.css" > 
        < スクリプトタイプ= "テキスト/ javascriptの" SRC =」..
        < スクリプトタイプ= "テキスト/ javascriptの" SRC = "../ JS / ext331 / EXT-all.js" > </ スクリプト> 
        <! - ExtJSのエンド- > 
        < スクリプトタイプ= "テキスト/ javascriptの" > 
            内線.onReady(関数(){ 
                Ext.Msg.alert(' 提示' ' HelloWorldの!' ); 
            }); 
        </ スクリプト> 
    </ ヘッド> 
    < 身体> 
    <! -  
    说明:
    (1)Ext.onReady():ExtJSの応用的入口。
    (2)Ext.MessageBox.alert():ポップアップダイアログボックスを。ショートExt.Msg.alert()
    - > 
    </ ボディ> 
</ HTML >

効果:

画像

おすすめ

転載: www.cnblogs.com/alfredinchange/p/5448987.html