首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

第一个EXTJS事例

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

第一个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文件就可以,上面讲得很清楚。

热点排行