第一个EXTJS例子

搭建好MyEclipse平台上EXTJS的开发环境后就可以进行extjs的开发,下面给出一个最最简单的例子:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
      <link rel="stylesheet" type="text/css" href="/ext-all.css" />

        <!-- GC -->
        <!-- LIBS -->
        <script type="text/javascript" src="/ext-base.js"></script>
        <!-- ENDLIBS -->

        <script type="text/javascript" src="/ext-all.js"></script>
   
  </head>
  
  <body>
	<script type="text/javascript">
		
		Ext.onReady(function() {
			Ext.MessageBox.alert("he he");
		});
	
	</script>
		
  </body>
</html>

 

这个例子里只是简单地弹出一个提示框,这里最常遇到的问题是EXTJS不起作用,而在fireBug里调用时发现:报EXT未定义的错,其实这里是加载EXTJS依赖文件时出了问题,我以为将ext-all .cssext-base.js, ext-all.js这三个是最基本的EXTJS的依赖文件,并且引用时ext-base.js必须放在ext-all.js的前面 ),我将这三个文件放到web项目的WebRoot目录下就可以用/作根来引用它们,这个路径是在myeclipse平台是正确可以访问到对应文件的,但放在浏览器去解析就出错了,这里不建议用/或./的形式来引用文件路径,一是用绝对路径(不推荐),一是用相对路径(相对当前文件,如../ext-all.css表示相对当前文件的所在目录(为当前目录)的父目录),这两种方式来实现,可以用crtl+鼠标的方式来看你加入的路径是否可以访问到你的资源。

     所以上面的例子运行没效果,只要将/去掉就可以了,开发EXTJS主要看API文件就可以,上面讲得很清楚。

你可能感兴趣的:(JavaScript,MyEclipse,css,ext,Firebug)