ext | 易学教程

Extjs4快速上手三——实现主界面

阅读更多关于 Extjs4快速上手三——实现主界面

　　晕啊，今天不顺啊，白天毕设因为一个小问题耽误了很长时间，刚写了一半了突然浏览器又卡死，打开后又待重新写。。。。。。 1 创建项目　　这个不多说，新建个Web project都会吧。 2 导入Extjs文件　　在WebRoot下新建ext文件夹，将下载的ext包中如下文件拷入： 3 创建所需文件夹及文件　　按照如下结构创建文件夹及文件：　　绿色框住的为本次必须文件。 4 编写代码　　首先编写index.jsp,这是Extjs的入口页面（其实准确地说Extjs在运行过程中只存在这一个页面，其他的都是其用js生成的组件而已，其本质是div+css），在其内部引入Extjs库文件和样式文件： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>ExtTest</title> <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" /> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text

ExtJS 学习专题-如何应用ExtJS

阅读更多关于 ExtJS 学习专题-如何应用ExtJS

要使用ExtJS，先要得到ExtJS库文件，ExtJS库文件可以到ExtJS官网下载，地址是www.extjs.com/products/gxt/download.php，把下载得到的ZIP压缩文件解压缩到【D:\ExtCode】目录下，可以得到以下内容。　　adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。　　build：压缩后的ext全部源码(里面分类存放)。　　docs： API帮助文档。　　exmaples：提供使用ExtJs技术做出的小实例。　　resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。　　source：无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU （LGPL）开源的协议。　　Ext-all.js：压缩后的Ext全部源码。　　ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。　　ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类。　　ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。　　得到ExtJS库文件后，就可以将extjs应用到页面当中了。应用extjs需要在页面中引入extjs的样式及extjs库文件

第二章、开始 ExtJS

阅读更多关于第二章、开始 ExtJS

第二章、开始 ExtJS 2.1 获得 ExtJS 要使用 ExtJS ，那么首先要得到 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 所支持的底层库。 build ：压缩后的 ext 全部源码 ( 里面分类存放 ) 。 docs ： API 帮助文档。 exmaples ：提供使用 ExtJs 技术做出的小实例。 resources ： Ext UI 资源文件目录，如 CSS 、图片文件都存放在这里面。 source ：无压缩 Ext 全部的源码 ( 里面分类存放 ) 遵从 Lesser GNU （ LGPL ）开源的协议。 Ext-all.js ：压缩后的 Ext 全部源码。 ext-all-debug.js

ExtJS入门-概述

阅读更多关于 ExtJS入门-概述

　　ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。 ExtJs最开始基于YUI技术，由开发人员Jack Slocum开发，通过参考Java Swing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。 ExtJS文件包中的内容： adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。　　build：压缩后的ext全部源码(里面分类存放)。　　docs： API帮助文档。　　exmaples：提供使用ExtJs技术做出的小实例。　　resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。　　source：无压缩Ext全部的源码(里面分类存放) 遵从Lesser GNU （LGPL）开源的协议。　　Ext-all.js：压缩后的Ext全部源码。　　ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。　　 ext-core.js：压缩后的Ext的核心组件

ExtJS 4.2-目录结构

阅读更多关于 ExtJS 4.2-目录结构

一、文件结构文件/文件夹名作用 builds 压缩后的ExtJS代码,体积更小,更快 docs 开发文档 examples 官方演示示例 locale 多国语言资源文件 packages ExtJS各部分功能的打包文件 resource ExtJS所需要的CSS与图片文件 src 未压缩的源代码目录 bootstarp.js ExtJS库引导文件,可通过参数自动切换ext-all.js与ext-all-debug.js ext-all.js ExtJS核心库,需要引用 ext-all-debug.js ExtJS核心库的调试版,调试时使用注：EXTJS文件的区别： ext-all.js：包含所有的EXTJS框架文件，已经混淆 ext-all-debug.js：包含所有的EXTJS框架文件，没有混淆 ext-all-dev.js：包含所有的EXTJS框架文件，没有混淆，且包含调试信息 ext.js：仅包含能让EXTJS运行的最小集合，已经混淆 ext-debug.js：仅包含能让EXTJS运行的最小集合，没有混淆 ext-dev.js：仅包含能让EXTJS运行的最小集合，没有混淆，且包含调试信息在4.0的时候有bootstrap.js，4.2就没有了。但是sample中的include-ext.js应该是同样的功能 bootstrap.js：自动加载ext-all

Ext入门学习系列（一）环境配置

阅读更多关于 Ext入门学习系列（一）环境配置

一、EXT是什么？ 1. Ext是一个Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力，提高用户体验； 2. Ext是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把Ext用在.Net、Java、Php等各种开发语言开发的应用中； 3. Ext是面向对象的； 4. Ext没有你想象中的那么难；二、Ext从哪里获取？ http://extjs.org.cn/从这里下载最新的3.3.0正式版压缩包，解压后得到如下图文件夹结构：解压后有50M大小，里面包含了很多其他的文档。三、Ext环境怎么搭建？我们只需要从里面找出自己需要的文件即可。按照顺序在根目录下找到ext-all.js（最主要的Ext代码库文件），然后在adapter/ext/目录下找到ext-base.js（EXT的适配器），接下来就需要找语言文件了名字叫“ext-lang-zh_CN.js”，最后需要把整个样式表文件夹找到，在resources文件夹中。把所有找到的文件全部复制到我们需要的文件夹下，暂定为Ext文件夹，则该文件夹下面的目录结构应该如：我们的站点文件放在上级目录，如：到此为止，环境配置基本完毕。四、Ext代码怎么写？接下来我们一起来写一个测试例子，因为是JS库，所以网页中要做的第一件事情就是添加引用

EXT学习笔记——1

阅读更多关于 EXT学习笔记——1

应用ExtJS需要在页面文件中引入extjs的式样文件及库文件。　　式样文件为resouces/css/ext-all.css 　　extjs的库文件主要有三个:adapter/ext/ext-base.js　　ext-all.js(ext-all-debug.js) 和 ext-lang-zh_CN.js 　　　　其中ext-base.js表示框架基础库,ext-all.js是压缩过的extjs的核心库，。Adapter表示适配器，也就是说可以有多种适配器。因此可以把adapter/ext/ext-base.js换成adapter下面的其他类库，如：adapter/jquery/ext-jquery-adapter.js 或者adapter/prototype/ext-prototype/ext-prototype-adapter.js 等。总的来说，要使用ExtJS框架的页面中一般需要引入如下文件：  <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"/>  <script type="text/javascript" src="ext/adapter/ext/ext-base.js"/> <script type

Ext js-01 -helloworld

阅读更多关于 Ext js-01 -helloworld

一、下载ext: 登陆这个网址 https://www.sencha.com/products/evaluate/ 下载下来解压后如下：安装cmd程序二、开始helloworld 新建一个idea的web项目，在web目录下建一个ext目录，ext目录下建一个classic目录，在classic目录下，建一个locale目录，把下载好的EXT文件ext-6.5.3\build\classic\locale 目录下的locale-zh_CN.js文件复制进去，把ext-6.5.3\build\classic 目录下的 theme-triton 文件夹里的所有文件拷贝到项目的classic目录下，ext-6.5.3\build 目录下的ext-all.js拷贝到项目ext目录下，结构如下：新建一个hello.html编写如下代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>ext js入门</title> 6  7 <link rel="stylesheet" type="text/css" href="ext/classic/theme-triton/resources/theme-triton-all.css" />

gradle属性声明的几种方式

阅读更多关于 gradle属性声明的几种方式

1、使用ext扩展属性声明 //属性赋值方式 project . ext . myProp = 'myValue' // 闭包方式 // 扩展属性，自定义propertise，会挂载到project上 ext { someOtherProp = 123 } // 使用时可以省略命名空间 assert myProp == 'myValue' println project . someOtherProp ext . someOtherProp = 567 2、使用gradle.properties声明属性 gradle.properties放置在.gradle目录下或根目录下： exampleProp = myValue someOtherProp = 455 build.gradle代码： // 使用 gradle.properties中声明的属性 assert project . exampleProp == 'myValue' task printGradleProperty { doFirst { println "Second property: $someOtherProp" } } 3、使用-Pkey = value来在命令行调用时携带属性这种方式可以结合gradle.properties一起使用，用来覆盖gradle.properties中声明的属性。

ExtJS文件上传到服务器

阅读更多关于 ExtJS文件上传到服务器

ExtJS文件上传到服务器 ExtJS前台后台 ExtJS前台文件上传到服务器端，也就是项目下还可以从服务器端下载文件根据需求从别的页传一个parent参数，查找parent目录下的文件，若无parent参数，结果为空。 filefield下写了一个多文件上传，但IE貌似不是很好用图片列写了一个判断文件类型，是图片的话展示图片，并且双击会放大。 <c:set var="ctx" value="${pageContext.request.contextPath}"/> <script type="text/javascript"> var parent = null; if (location.href.split('?')[1] != undefined) { var parameters = Ext.urlDecode(location.href.split('?')[1]); (parameters.parent != undefined) ? parent = parameters.parent : 0; } Ext.onReady(function () { Ext.QuickTips.init(); Ext.getBody().mask('加载中...'); var riderStore = Ext.create('Ext.data.Store', {

订阅 ext