ext
关注
分享
扫一扫
kia126
这个作者很懒，什么都没留下…
展开
-
ExtJS 简介
转载自网络ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用。ExtJS是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs 最...原创 2013-03-17 21:29:52 · 131 阅读 · 0 评论 -
EXT窗口及对话框
ExtJS 中窗口是由Ext.Window 类定义，该类继承自Panel，因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码：[code="java"]var i=0;function newWin(){var win=new Ext.Window({title:"窗口"+i++,width:400,height:...原创 2013-03-20 10:08:10 · 215 阅读 · 0 评论 -
EXT窗口分组
窗口是分组进行管理的，可以对一组窗口进行操作，默认情况下的窗口都在默认的组Ext.WindowMgr 中。窗口分组由类Ext.WindowGroup 定义，该类包括bringToFront、getActive、hideAll、sendToBack 等方法用来对分组中的窗口进行操作。看下面的代码：[code="java"]var i=0,mygroup;function newW...原创 2013-03-20 10:08:15 · 172 阅读 · 0 评论 -
EXT对话框
由于传统使用alert、confirm 等方法产生的对话框非常古板，不好看。因此，ExtJS 提供了一套非常漂亮的对话框，可以使用这些对话框代替传统的alert、confirm 等，实现华丽的应用程序界面。Ext 的对话框都封装在Ext.MessageBox 类，该类还有一个简写形式即Ext.Msg，可以直接通过Ext.MessageBox 或Ext.Msg 来直接调用相应的对话框...原创 2013-03-20 10:08:20 · 209 阅读 · 0 评论 -
EXT布局 Layout
所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext 的所有容器组件都支持而局操作，每一个容器都会有一个对应的布局，布局负责管理容器组件中子元素的排列、组合及渲染方式等。ExtJS 的布局基类为Ext.layout.ContainerLayout，其它布局都是继承该类。ExtJS 的容器组件包含一个layout 及layoutConfig 配置属性，这两个属性用来指定容器使用...原创 2013-03-21 11:14:53 · 159 阅读 · 0 评论 -
EXT的Border和Column布局
Border 布局由类Ext.layout.BorderLayout定义，布局名称为border。该布局把容器分成东南西北中五个区域，分别由east，south, west，north, cente来表示，在往容器中添加子元素的时候，我们只需要指定这些子元素所在的位置，Border布局会自动把子元素放到布局指定的位置。看下面的代码：[code="java"]Ext.onReady(fu...原创 2013-03-21 15:27:38 · 200 阅读 · 0 评论 -
EXT的Fit 布局
Fit 布局的代码，如下：[code="java"]Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",layout:"fit",width:500,height:100,items:[{title:"子元素",html:"这是子元素中的内容"}] });});[原创 2013-03-21 15:47:24 · 331 阅读 · 0 评论 -
EXT的Form 布局
Form 布局由类Ext.layout.FormLayout 定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。看下面的代码：[code="java"]Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",width:300...原创 2013-03-21 15:51:05 · 229 阅读 · 0 评论 -
EXT的Accordion和Table布局
Accordion 布局由类Ext.layout.Accordion 定义，名称为accordion，表示可折叠的布局，也就是说使用该布局的容器组件中的子元素是可折叠的形式。来看下面的代码:[code="java"]Ext.onReady(function(){new Ext.Panel({renderTo:"hello",title:"容器组件",width:500,...原创 2013-03-21 15:55:04 · 222 阅读 · 0 评论 -
EXT性能优化
[i]转自网络[/i]在使用ExtJs过程中，性能一直是一个比较头疼的问题，从用户的角度来看，就一个字：慢。从技术的角度来说，这个“慢”字可以分为两种，加载“慢”和渲染“慢”。想分辨这两种情况很容易：如果居于网不慢而互联网上慢，说明是加载慢；如果Chrome不慢而IE慢，就是渲染慢。还有另一种情况：越用越慢，这个“慢”通常是内存泄露造成的。针对以下这三种情况讨论一下解决方案：1...原创 2013-01-29 22:35:21 · 132 阅读 · 0 评论 -
EXT选项面板TabPanel
在前面的示例中，为了显示一个面板，我们需要在页面上添加一个，然后把Ext 控件渲染到这个div 上。VeiwPort 代表整个浏览器显示区域，该对象渲染到页面的body 区域，并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort 实例。看下面的代码：[code="java"]Ext.onReady(function(){new Ext.Viewport({...原创 2013-03-20 10:08:04 · 193 阅读 · 0 评论 -
EXT工具栏
面板中可以有工具栏，工具栏可以位于面板顶部或底部，Ext 中工具栏是由Ext.Toolbar类表示。工具栏上可以存放按钮、文本、分隔符等内容。面板对象中内置了很多实用的工具栏，可以直接通过面板的tools 配置选项往面板头部加入预定义的工具栏选项。比如下面的代码：[code="java"]Ext.onReady(function(){new Ext.Panel({rende...原创 2013-03-20 10:07:58 · 237 阅读 · 0 评论 -
开始ExtJS
转载自网络获得 ExtJS要使用ExtJS，那么首先要得到ExtJS 库文件，该框架是一个开源的，可以直接从官方网站下载，网址http://extjs.com/download，进入下载页面可以看到大致如图xxx 所示的内容，可以选择选择1.1 或2.0 版本，本教程使用的2.0 版本。下载得到的ZIP 压缩文件解压缩到目录ExtJS 发布包目录adapter：负责将里面提供第三方...原创 2013-03-17 21:32:38 · 93 阅读 · 0 评论 -
应用ExtJS
转载自网络应用extjs 需要在页面中引入extjs 的样式及extjs 库文件，样式文件为resources/css/extall.css，extjs 的js 库文件主要包含两个，adapter/ext/ext-base.js 及ext-all.js，其中ext-base.js表示框架基础库，ext-all.js 是extjs 的核心库。adapter 表示适配器，也就是说可以有...原创 2013-03-17 21:34:45 · 134 阅读 · 0 评论 -
ExtJS 版的 HelloWorld
转载自网络下面我们写一个最简单的ExtJS 应用，在hello.html 文件中输入下面的代码：[code="java"]ExtJSExt.onReady(function(){Ext.MessageBox.alert("hello","Hello,easyjf open source");});[/code]进一步，我们可以...原创 2013-03-17 21:37:23 · 100 阅读 · 0 评论 -
Ext 类库简介
转载自网络ExtJS 由一系列的类库组成，一旦页面成功加载了ExtJS 库后，我们就可以在页面中通过javascript 调用ExtJS 的类及控件来实现需要的功能。ExtJS 的类库由以下几部分组成： 底层API(core)：底层API 中提供了对DOM 操作、查询的封装、事件处理、DOM 查询器等基础的功能。其它控件都是建立在这些底层api 的基础上，底层api 位于源代码目录的...原创 2013-03-17 21:39:37 · 238 阅读 · 0 评论 -
Ext 的组件
Ext2.0 对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext 的控件，Ext 组件是由Component 类定义，每一种组件都有一个指定的xtype 属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。基本组件有：xtype Classbox Ext.BoxC...原创 2013-03-19 16:07:15 · 165 阅读 · 0 评论 -
EXT组件的使用和延迟加载
组件可以直接通过new 关键子来创建，比如控件一个窗口，使用new Ext.Window()，创建一个表格则使用new Ext.GridPanel()。当然，除了一些普通的组件以外，一般都会在构造函数中通过传递构造参数来创建组件。组件的构造函数中一般都可以包含一个对象，这个对象包含创建组件所需要的配置属性及值，组件根据构造函数中的参数属性值来初始化组件。比如下面的例子：[c...原创 2013-03-19 16:14:30 · 433 阅读 · 0 评论 -
EXT组件的配置属性
在ExtJS 中，除了一些特殊的组件或类以外，所有的组件在初始化的时候都可以在构造函数使用一个包含属性名称及值的对象，该对象中的信息也就是指组件的配置属性。比如配置一个面板：[code="java"]new Ext.Panel({title:"面板",html"面板内容",height:100});[/code]再比如创建一个按钮：[code="ja...原创 2013-03-19 16:31:57 · 196 阅读 · 0 评论 -
Extjs 组件的事件处理
ExtJS 提供了一套强大的事件处理机制，通过这些事件处理机制来响应用户的动作、监控控件状态变化、更新控件视图信息、与服务器进行交互等等。事件统一由Ext.EventManager 对象管理，与浏览器W3C 标准事件对象Event 相对应，Ext 封装了一个Ext.EventObject 事件对象。支持事件处理的类(或接口)为Ext.util.Observable，凡是继承该类的组件或...原创 2013-03-19 16:43:51 · 344 阅读 · 0 评论 -
EXT面板Panel
面板Panel 是ExtJS 控件的基础，很高级控件都是在面板的基础上扩展的，还有其它大多数控件也都直接或间接有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式形成。面板由以下几个部分组成，一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、面板主区域几个部分组件。面板类中还内置了面板展开、关闭等功能，并提供一系列可重用的工具按钮使得我们可以轻松实现自定义的行为...原创 2013-03-19 16:48:56 · 132 阅读 · 0 评论 -
关于EXT的LICENSE授权
Ext 2.1.0于2008年4月20日正式发布稳定版，双重授权由原来的LGPL和商业授权（包括2.0.2以及之前的版本），改为GPL3.0和商业授权（从2.1.0开始）。这也就意味着2.1.0这一版本开始，不能再以类库的形式引用Ext进行商业闭源开发了，必须开源（除非你花钱购买商业授权）。 ...原创 2013-01-30 11:17:25 · 493 阅读 · 0 评论