(二) ExtJS 入门

最新推荐文章于 2021-05-08 22:04:18 发布

iteye_3898

最新推荐文章于 2021-05-08 22:04:18 发布

阅读量122

点赞数

分类专栏： AJAX 文章标签： EXT CSS JavaScript HTML ViewUI

AJAX 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

ExtJS之Hello World

把解压后的Ext文件夹复制到新建工程的webRoot目录下

<HEAD>
  <TITLE>ExtJS  Hello World </TITLE>
   <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> 
   <script type="text/javascript" src="adapter/ext/ext-base.js"></script> 
   <script type="text/javascript" src="ext-all.js"></script>
    <script> 
	Ext.onReady(function() { Ext.MessageBox.alert("hello","Hello,ExtJS"); }); 
	</script>
 </HEAD>

我们还可以在页面上显示一个窗口：

<HEAD>
  <TITLE>ExtJS  Hello World </TITLE>
   <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> 
   <script type="text/javascript" src="adapter/ext/ext-base.js"></script> 
   <script type="text/javascript" src="ext-all.js"></script>
   <script>
	Ext.onReady(function(){
	var win=new Ext.Window({title:"hello",width:300,height:200,html:'<h1>Hello,ExtJS</h1>'});
	win.show();
	});
  </script> </HEAD>