ExtJS 2.0实用简明教程之应用ExtJS
样式文件为resources/css/ext-all.css,extjs的js库文件主要包含两个,adapter/ext/ext-base.js及ext-all.js,其中ext-base.js表示框架基础库,ext-all.js是extjs的核心库。adapter表示适配器,也就是说可以有多种适配器,因此,可以把adapter/ext/ext-base.js换成adapter/jquery/ext-jquery-adapter.js,或adapter/prototype/ext-prototype-adapter.js等。
因此,要使用ExtJS框架的页面中一般包括下面几句:
代码如下:
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
在ExtJS库文件及页面内容加载完后,ExtJS会执行Ext.onReady中指定的函数,因此可以用,一般情况下每一个用户的ExtJS应用都是从Ext.onReady开始的,使用ExtJS应用程序的代码大致如下:
代码如下:
<script> function fn() { alert(‘ExtJS库已加'); } Ext.onReady(fn); </script>
fn也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:
代码如下:
<script> function fn() { alert(‘ExtJS库已加载!'); } Ext.onReady(function () { alert(‘ExtJS库已加载!'); } );</script>
相关推荐
-
ExtJS 2.0实用简明教程 之获得ExtJS
网址http://extjs.com/download,进入下载页面可以看到大致如图xxx所示的内容,可以选择选择1.1或2.0版本,本教程使用的2.0版本. 图1-1 ExtJs不同版本下载选择页面 单击上图中的[Download ext-2.0.zip]超链接进行下载,把下载得到的ZIP压缩文件解压缩到[D:\ExtCode]目录下,可以得到如如图1-2所示的内容. 图1-2 ExtJS发布包目录 adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层
-
ExtJS 2.0实用简明教程之应用ExtJS
样式文件为resources/css/ext-all.css,extjs的js库文件主要包含两个,adapter/ext/ext-base.js及ext-all.js,其中ext-base.js表示框架基础库,ext-all.js是extjs的核心库.adapter表示适配器,也就是说可以有多种适配器,因此,可以把adapter/ext/ext-base.js换成adapter/jquery/ext-jquery-adapter.js,或adapter/prototype/ext-prototy
-
ExtJS 2.0实用简明教程 之Ext类库简介
ExtJS的类库由以下几部分组成: 底层API(core):底层API中提供了对DOM操作.查询的封装.事件处理.DOM查询器等基础的功能.其它控件都是建立在这些底层api的基础上,底层api位于源代码目录的core子目录中,包括DomHelper.js.Element.js等文件,如图xx所示. 控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板.选项板.表格.树.窗口.菜单.工具栏.按钮等等,在我们的应用程序中可以直接通过应用这些控件来实现友好.交互性强
-
ExtJS 2.0 实用简明教程之布局概述
ExtJS的布局基类为Ext.layout.ContainerLayout,其它布局都是继承该类.ExtJS的容器组件包含一个layout及layoutConfig配置属性,这两个属性用来指定容器使用的布局及布局的详细配置信息,如果没有指定容器组件的layout则默认会使用ContainerLayout作为布局,该布局只是简单的把元素放到容器中,有的布局需要layoutConfig配置,有的则不需要layoutConfig配置.看代码: 复制代码 代码如下: Ext.onReady(functi
-
ExtJS 2.0实用简明教程 之ExtJS版的Hello
复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ExtJS</title> <link rel="stylesheet" type=
-
ExtJS 2.0实用简明教程 之Border区域布局
该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置.看下面的代码: 复制代码 代码如下: Ext.onReady(function(){ new Ext.Viewport({ layout:"border", items:[{region:"north", height:50, title:&quo
-
JsRender实用入门教程
本文是一篇JsRender的实用入门教程,实例讲述了tag else使用.循环嵌套访问父级数据等知识点.分享给大家供大家参考.具体如下: 前言 JsRender是一款基于jQuery的JavaScript模版引擎,它具有如下特点: · 简单直观 · 功能强大 · 可扩展的 · 快如闪电 这些特性看起来很厉害,但几乎每个模版引擎,都会这么宣传... 由于工作需要,小菜才接触到此款模版引擎.使用了一段时间,发现它确实比较强大,但小菜觉得有些地方强大的过头了,反倒让人觉得很难理解. 另一方面,
-
virtualenv介绍及简明教程
virtualenv简介 在开发Python应用程序的时候,我们的系统上通常只会安装一个Python版本:例如 3.7.所有使用 pip 安装的第三方包都会被安装到Python的site-packages目录下.如果我们同时开发多个应用程序,而这些应用程序需要使用的某一个第三方包的版本各不相同,该怎么办?这种情况下,为每个应用程序"独立"安装一套Python运行环境显然是不现实的.这个难题,使用 virtualenv 可以轻易解决. virtualenv 是专门用来为应用程序维护多套相
-
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
1.文字和输入框前后排列: 代码: <div class="row"> <div class="col-lg-12"> <div class="panel panel-default"> <div class="panel-heading"> <h2>条件查找</h2> </div> <div class="panel-body
-
Windows下安装Django框架的方法简明教程
本文实例讲述了Windows下安装Django框架的方法.分享给大家供大家参考,具体如下: 在idea上运行Python项目时,出现了如下错误,这是因为系统中只安装了Python,没有安装Django,有童鞋可能会问,什么是Django,博主的建议是去问度年或谷老师 既然报错的原因就是缺少Django,那我们现在就开始安装这个应用框架. 本站下载Django1.6:Django-1.6.11.tar.gz 官网下载: Django-1.6.11.tar.gz || Django-1.7.11.t
随机推荐
- JavaScript实现的Tween算法及缓冲特效实例代码
- 用VBScript收集系统信息并上传到ftp空间
- 详解JAVA后端实现统一扫码支付:微信篇
- 使用jsonp实现跨域获取数据实例讲解
- ASP.NET AJAX时用alert弹出对话框
- Android中隐藏状态栏和标题栏的方法汇总(隐藏状态栏、标题栏的五种方法)
- Android编程滑动效果之Gallery仿图像集浏览实现方法
- 基于SpringMVC的全局异常处理器介绍
- 集群运维自动化工具ansible的安装与使用(包括模块与playbook使用)第1/2页
- 基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
- jQuery.extend 函数及用法详细
- 提升PHP安全:8个必须修改的PHP默认配置
- Linux crontab定时任务配置方法(详解)
- IIS6、IIS7.5设置网站默认首页方法(Directory Listing Denied)
- C#使用iTextSharp封装的PDF文件操作类实例
- 详解springboot项目docker部署实践
- unity5.6 导出gradle工程 Android Studio 导入问题及处理方法
- Android开发中Bitmap高效加载使用详解
- 树莓派使用USB摄像头和motion实现监控
- springcloud 熔断监控Hystrix Dashboard和Turbine