引用基本库(根据不同版本文件路径的不同而不同,但都引用那个文件)
<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文件整体看,注意变量对象作用域.