Talking about the basis of presentation within walking distance of ExtJs-

ExtJs is a reception WEB UI framework.

ExtJs official website: http://extjs.org.cn/

ExtJs3.3.1 release package structure:

adapter: third-party libraries are mapped to the underlying Ext supported by the underlying database, which also includes their underlying Ext library (mainly ExtJs provides four adapters ext, jquery, prototype, yui through these adapters, you can make the ExtJs. applications built on top of these frameworks)

docs: API help documentation

examples: provide examples of the use of small technology made ExtJs

pkgs: Ext provide common controls

resources: Ext UI resource file directory, such as: CSS, image files are stored here

src: ExtJs Source

ext-all.js: Ext compressed all-source

ext-all-debug.js: Ext entire uncompressed source (for debugging)

Wherein, Ext source directory (the src) provided with the locale languages package directory, according to the actual need.

File using the Ext framework on a page, there must be introduced: ext-all.css, ext-base.js, ext-all.js.

The following provides a helloworld example:

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <!-- ExtJs begin -->
        <link rel="stylesheet" type="text/css" href="../js/ext331/resources/css/ext-all.css">
        <script type="text/javascript" src="../js/ext331/adapter/ext/ext-base.js"></script>
        <script type="text/javascript" src="../js/ext331/ext-all.js"></script>
        <!-- ExtJs end -->
        <script type="text/javascript">
            Ext.onReady(function(){
                Ext.Msg.alert('提示','HelloWorld!');
            });
        </script>
    </head>
    <body>
    <!--
    说明：
    (1)Ext.onReady():ExtJS Application的入口... equivalent Java or C # main function.
    (2) Ext.MessageBox.alert (): pop-up dialog box. Short Ext.Msg.alert () 
    -> 
    </ body > 
</ HTML >

effect:

Talking about the basis of presentation within walking distance of ExtJs-

Guess you like