ExtJS examples of Getting Started

Recently do the project began to use ExtJS, did not contact the ExtJS, but I believe that through the persistence of learning and accumulation, will soon be able to use, hereby i record some of the study of the demo, do not be afraid to learn, is afraid of their own less practice, a skilled to be born skillfully, more practice will certainly, nonsense not more say, start recording Walk you:

Prepare in advance:

To import the style sheets and class libraries required for Ext:

<link   href= "extjs/resources/css/ext-all.css"      rel= "stylesheet" type= "text/css"/><script src = " Extjs/ext-all.js "                     type=" text/javascript "></script><script src =" extjs/ext.base.js "                 type=" Text/javascript "></script><script src =" extjs/locale/ext-lang-zh_cn.js "     type=" Text/javascript " ></script>

Ext's code is written in the following script:

<script type= "Text/javascript" >    ext.onready (function() {    }); </script>

Now start to write examples, in fact, the examples are online, but it doesn't matter, into their own things is their own, but others than we learned before

Ext.MessageBox.alert ("Audit Prompt", "Audit pass!") ");

var win = ext.create ("Ext.window.Window", {
Title: ' Sample Window ',
width:600,
height:400
});
Win.show ();

var panel = new Ext.panel ({
Title: "Example",
Renderto: ' Sub1 ',
Width: ' 300px ',
HTML: "<div id= ' div1 ' property1= ' Pro1 ' style= ' height:200px ' ><div id= ' ' property1= ' Pro1 ' > my id is sub3</ Div><div id= ' ></div></div> '
});

：

<link href= "Extjs/resources/css/ext-all.css" rel= "stylesheet" type= "text/css"/><script src = "extjs/ Ext-all.js "type=" text/javascript "></script><script src =" extjs/ext.base.js "type=" Text/javascript " ></script><script src = "extjs/locale/ext-lang-zh_cn.js" type= "Text/javascript" ></script>

ExtJS examples of Getting Started