初探ExtJS（1）

最新推荐文章于 2018-08-09 10:24:15 发布

sky-axin

最新推荐文章于 2018-08-09 10:24:15 发布

阅读量862

点赞数

分类专栏： 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所示