您的位置：首页 > Web前端 > JavaScript

EXTJS4将类组件与应用分开并且无需在jsp中事先引用

2012-02-13 16:30 253 查看 
Ext.define("ux.myWin",{
extend:'Ext.window.Window',
width:400,
height:300,
config: {
price: 500
},
newtitle: 'new uspcat',
mySetTitle:function(){
this.title = this.newtitle;
},
title:'uspcat',
initComponent: function() {
this.mySetTitle();
this.callParent(arguments);
}
})


目录结构如下：



主应用js文件是 indexDemo.js

Ext.Loader.setConfig({
enabled:true,//这个是关键，必须配置成true
paths:{
myApp:'code/ux'//这个可以胡写，因此paths其实可以不配置
}
});
Ext.onReady(function(){

var win = Ext.create("ux.myWin",{/* 这其中的关键之处在于Ext.create("ux.myWin",{这行代码，这样它会去../ux中寻找myWin.js这个文件。如果ux变成uxx，则路径就变成../uxx。而这个"ux.myWin"同时又是类名，myWin还得与这个类文件名一样，除掉.js后缀。其余都是无关紧要的东西*/
title:'my win',
price:600,
requires:['ux.myWin']//这个也可以胡写
});
win.show();

});


html页中引入的文件

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HELLO WORD</title>
<link rel="stylesheet" type="text/css" href="../extjs4/resources/css/ext-all.css" />
<script type="text/javascript" src="../extjs4/bootstrap.js"></script>
<script type="text/javascript" src="indexDemo.js"></script>

</head>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航