初探ExtJS（1）

来源：互联网发布：网络上赌博算不算诈骗编辑：程序博客网时间：2024/05/16 19:39

一、配置资源文件

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 onload="extjsAlert()">  </body></html>

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

图1-2

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

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

0 0