web项目引入extjs小例子

时间:2022-10-31 11:25:05

  一个新的项目,前端用extjs实现!分享一下extjs开发的准备工作!

  首先去下载extjs的资源包,这里我是随便在网上下载的!

  web项目引入extjs小例子

  打开之后 ,目录是这样的!

  web项目引入extjs小例子

  需要关注的几个文件夹:

  builds:压缩后的ExtJS代码,体积更小,更快;
  docs:开发文档;
  examples:官方演示示例;
  locale:多国语言资源文件;
  pkgs:ExtJS各部分功能的打包文件;
  resource:ExtJS所需要的CSS与图片文件;
  src:未压缩的源代码目录;
  bootstarp.js:ExtJS库引导文件,可自动切换ext-all.js与ext-all-debug.js;
  ext-all.js:ExtJS核心库;
  ext-all-debug.js:ExtJS核心库的调试版,调试时使用;
  ext-all-debug-w-comments.js:带注释的ExtJS核心库调试版;

  新建一个项目:引入extjs

  • 在项目WebRoot下新建文件夹ExtJs;
  • 在ExtJs下引入resource;
  • 引入locale:多国语言资源文件:下的ext-lang-zh_CN.js文件;
  • 引入核心js,这个可以有多项选择:ext-all.js或ext-all-debug.js或ext-all-debug-w-comments.js文件或bootstarp.js;

  建好之后文件结构

web项目引入extjs小例子

  在index.jsp中引入,测试!在这里引入一下文件!

    <link href="ExtJs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script src="ExtJs/ext-all-debug-w-comments.js" type="text/javascript"></script>
<script src="ExtJs/ext-lang-zh_CN.js" type="text/javascript"></script>

  编写extjs代码

Ext.onReady(function(){
new Ext.Component({
renderTo: document.body,
html: 'DOM ready!'
});
});

启动

web项目引入extjs小例子

web项目引入extjs小例子的更多相关文章

  1. Java Web项目(Extjs)报错五

    1. Java Web项目(Extjs)报错五 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname ...

  2. Java Web项目(Extjs)报错四

    1.Java Web项目(Extjs)报错四 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ...

  3. Java Web项目(Extjs)报错三

    1. Java Web项目(Extjs)报错三 具体报错如下: at org.jbpm.pvm.internal.processengine.SpringHelper.createProcessEng ...

  4. Java Web项目(Extjs)报错二

    1.Java Web项目(Extjs)报错二 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ...

  5. Java Web项目(Extjs)报错九

    1.Java Web项目(Extjs)报错九 具体报错如下: 三月 26, 2014 11:48:35 下午 org.hibernate.util.JDBCExceptionReporter logE ...

  6. Java Web项目(Extjs)报错八

    1.Java Web项目(Extjs)报错八 具体报错如下: org.springframework.dao.DataIntegrityViolationException: Could not ex ...

  7. Java Web项目(Extjs)报错七

    1.Java Web项目(Extjs)报错七 具体报错如下:

  8. Java Web项目(Extjs)报错六

    1.Java Web项目(Extjs)报错六 具体报错如下: usage: java org.apache.catalina.startup.Catalina [ -config {pathname} ...

  9. web 项目引入 maven jar 工具类异常

    普通的web 项目引入 maven   子项目后,,启动web不会出现异常,登录web 页面异常提示: HTTP Status 500 - java.lang.NoSuchMethodError: o ...

随机推荐

  1. MVP 个人理解2

    根据我的理解,画了个图 这次又看了下 较复杂点的例子. 往往一个项目有多个部份,我们可以按功能分成几个activity, 每个activity有自己的view和数据model,因此也有自己的逻辑 pr ...

  2. &sol;etc&sol;named&sol;named&period;conf&period;options中的Options参数

    listen-on port 53 { any; }; 监听在这部主机系统上面的哪个网路介面.预设是监听在localhost,亦即只有本机可以对DNS 服务进行查询,那当然是很不合理啊!所以这里要将大 ...

  3. org-mode

    org-mode 编辑   目录 1简介 2扩展     1简介编辑 Org-模式(Org-mode)是文本编辑软件Emacs的一种支持内容分级显示的编辑模式.这种模式支持写 to-do 列表,日志管 ...

  4. sublime text 3 配置python IDE

    Python越来越受“程序猿”们的青睐.快速的开发模式,简洁的代码格式,海量的扩展,这无疑都为python的火热奠定了基础. “磨刀不误砍柴工”,一款功能强劲的IDE能帮助开发者有效的管理.编辑,运行 ...

  5. 21 viewPager--- hzScrollView ----llContainer

    结构: MainActivity.java package com.qf.day21_hsviewpagerfragment_demo5; import java.util.ArrayList; im ...

  6. &period;net 配置swagger

    第一步: 在nuget.org中查找Swashbuckle并下载 在nuget.org中查找Swagger.net.UI,并下载 第二步: 下载完之后,App_Start多了三个文件 Swagger. ...

  7. Xapian索引-文档检索过程分析

    本文是Xapian检索过程的分析,本文内容中源码比较多.检索过程,总的来说就是拉取倒排链,取得合法doc,然后做打分排序的过程. 1 理论分析 1.1  检索语法 面对不同的检索业务,我们会有多种检索 ...

  8. html标签种类很多,为什么不都用div?

    why not divs? 所有html页面标签都可以用div解决,为什么还会存在各种不同的标签呢? 代码是写给机器阅读的,初始化标签更利于快速编程,毕竟很多标签有了自定义属性,无需编码控制,可维护性 ...

  9. 框架frame

    使用框架切分网页 效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

  10. flume杀掉重启

    Flume在启动的过程中加了一个钩子处理线程,用kill -3或者kill杀掉Flume进程,这样能通知钩子线程去关闭这些tmp文件 直接kill-9 会永久保留hdfs上的tmp后缀文件