第一个Ext.js例子
目录以及部分代码:
1.创建一个文件夹起名-------------->js
2.导入下载好的ExtJs文件
其中包含了
---》resources下的所有文件
---》bootstrap.js
----》ext-all.js
即可
3.进行导入到一个html页面
<link rel="stylesheet" type="text/css" href="js/resources/css/ext-all.css" />
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
4.写入js脚本即可
<script>
Ext.onReady(function() {
//创建一个窗体
var win = new Ext.Window({
width : 300,
height : 300,
items : [],
modal : true,
buttonAlign : 'center',
buttons : [ {
text : '测试',
id : 'btnTest',
handler : function() {
Ext.Msg.show({
title : '询问',
msg : '您喜欢 ExtJs 吗?',
fn : processResult,
icon : Ext.Msg.QUESTION,
buttons : Ext.Msg.YESNO
});
}
} ]
});
win.show();
});
//询问对话框处理Handler
function processResult(btn) {
Ext.Msg.alert('结果', btn);
}
</script>
测试结果:==========================================================