第一个EXTJS例子

hz_chenwenbiao

浏览: 995304 次
性别:
来自: 广州

最近访客更多访客>>

linqingrui1985

zhongguocxy

ccsxin201

langgufu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

EXTJS学习

EXT CSS Myeclipse JavaScript Firebug

搭建好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 .css ，ext-base.js, ext-all.js （这三个是最基本的EXTJS的依赖文件，并且引用时ext-base.js必须放在ext-all.js的前面），我将这三个文件放到web项目的WebRoot目录下就可以用/作根来引用它们，这个路径是在myeclipse平台是正确可以访问到对应文件的，但放在浏览器去解析就出错了，这里不建议用/或./的形式来引用文件路径，一是用绝对路径（不推荐），一是用相对路径(相对当前文件，如../ext-all.css表示相对当前文件的所在目录（为当前目录）的父目录)，这两种方式来实现，可以用crtl+鼠标的方式来看你加入的路径是否可以访问到你的资源。

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

分享到：

java replaceall 用法（转） | MyEclipse安装ExtJS插件–Spket IDE(转)

2010-09-11 17:24
浏览 3321
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论