初探ExtJS（1）

最新推荐文章于 2021-02-25 23:07:14 发布

sky-axin

最新推荐文章于 2021-02-25 23:07:14 发布

阅读量856

点赞数

分类专栏： EXTJS 文章标签： EXTJS

本文链接：https://blog.csdn.net/hhxin635612026/article/details/37499189

版权

EXTJS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、配置资源文件

1.下载资源文件http://download.csdn.net/detail/hhxin635612026/7602027

2.新建myeclipse项目，放入相应位置，如图1-1所示

图1-1

3.在index.jsp中引入javascript等资源文件

    <link rel="stylesheet" href="extjs/resources/css/ext-all.css" type="text/css"></link>
    <script type="text/javascript" src="extjs/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>

4.编写第一个ExtJS程序

<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>这是一个例子</title>
    <link rel="stylesheet" href="extjs/resources/css/ext-all.css" type="text/css"></link>
	<script type="text/javascript" src="extjs/ext-base.js"></script>
	<script type="text/javascript" src="extjs/ext-all.js"></script>
	<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
   <script type="text/javascript">
  extjsAlert = function(){
  		Ext.MessageBox.alert("提示框","这是一个例子");
  }
   </script>	
  </head>
  <body οnlοad="extjsAlert()">
  </body>
</html>

5.运行效果，如图1-2所示

图1-2

说明：表面JS文件与CSS文件路径配置正确

下节开始做第一个Demo，MySQL+SSH+ExtJS

sky-axin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初探ExtJS（1）

一、配置资源文件 1.下载资源文件http://download.csdn.net/detail/hhxin635612026/7602027 2.新建myeclipse项目，放入相应位置，如图1-1所示图1-1 3.在index.jsp中引入javascript等资源文件
复制链接

扫一扫