EXTJS 基本使用

引用基本库（根据不同版本文件路径的不同而不同，但都引用那个文件）

  <link href="Ext/resources/css/ext-all.css" mce_href="Ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" /> <mce:script type="text/javascript" src="Ext/adapter/ext/ext-base.js" mce_src="Ext/adapter/ext/ext-base.js"></mce:script> <mce:script type="text/javascript" src="Ext/ext-all.js" mce_src="Ext/ext-all.js"></mce:script> <mce:script type="text/javascript" src="Ext/ext-lang-zh_CN.js" mce_src="Ext/ext-lang-zh_CN.js"></mce:script>

其他js代码可以放在页面中也可以放在 .js文件中

基本触发显示事件：

Ext.onReady //发生在DOM对象加载完毕后，onload事件和image加载之前( function() { //... }）

 

var name = new Ext.object

 (

   config

)

config 采用json格式

 

加入内容到页面方式：el:'center'  配置项

 

弹出新窗口：

触发： AddRole();

定义：

function AddRole(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; var addRole = new Ext.FormPanel ( ... ) newWin = new Ext.Window ( { // .... items : addRole } ); //显示窗体 newWin.show(); }

 

js代码及.js文件整体看，注意变量对象作用域.