Ext JS
关注
分享
扫一扫
sp42a
What the web can be
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Ext 4 概述（三）之Env命名空间 & 语言增强包 & Ext.Function
Env命名空间提供浏览器和操作的相关信息，还有告诉我们现代浏览器提供了什么功能。Ext.env.Browser该类提供了全部浏览器的元信息（名称、引擎、版本、是否 Strict 模式等等） ，用于全局对象 Ext。Ext.env.FeatureDetector这是一个在 Ext3 中没有类，完全新的功能，其功能在于检测浏览器特性如何，主要针对现代 HTML5 和 C原创 2011-04-18 10:08:00 · 5092 阅读 · 5 评论 -
预览ExtJS 4.0的新功能（五）：焕然一新的Store/Proxy
接上文ProxyExt.data.Proxy 是一个十分关键的数据通讯类。Proxy 直译“代理”，可数据怎么能够代理？有点不通！Proxy 到底指的是什么意思呢？依小弟浅见，定义 Proxy 就是定义数据源，至少 Ext 中 AjaxProxy/ScriptProxy/LocalProxy/SessionProxy 表现如此。当 Store 要为Ext.data.Model4 加原创 2010-11-22 22:32:00 · 25425 阅读 · 1 评论 -
预览ExtJS 4.0的新功能/新特性（一）：渲染组件的方式
转载请注明出处Ext中文网（http://www.ajaxjs.com）。ExtJS 3.3的下一个版本就是4.0。——什么！？您不知道？那就让我们为你展开新一段的 Ext 之旅吧！一、渲染组件的方式话说 ExtJS Roadmap（新版本线路图）其中重要的一项就是“Rearchitected component rendering system - smaller, faster a原创 2010-10-25 17:33:00 · 17563 阅读 · 11 评论 -
Ted 谈 ExtJS 4.1 入门
Ted 谈 ExtJS 4.1 入门First Thoughts Learning Ext JS 4.1 January 17, 2012 | Ted Patrickhttp://www.sencha.com/blog/first-thoughts-on-ext-js/翻译： Ext 中文网 ajaxjs.com / sp42 转载请保留本页信息作为学习 Sench翻译 2012-02-17 12:28:53 · 5561 阅读 · 9 评论 -
透视Ext JS 4类背后的机制与特点（上）
上次的资料中我们跟大家介绍了Ext JS 4 的类机制大概如何，主要围绕传统 OO 机制而设计，从而打算弥补了 Prototype 继承的不足。虽然性质上仍为模拟手段，但包含了比旧版本更为完整的 OO 特征。Ext JS 4（连同 Ext Core）提供的新功能有：继承方面用 Ext.defined 代替了原来 Ext.extend 的写法。自动计算依赖关系及动态类加载。多态静态成员为配置原创 2011-02-21 11:21:00 · 8368 阅读 · 8 评论 -
预览ExtJS 4.0的新功能（三）：客户端数据层的革新：引入ActiveRecord模式
转载请注明出处Ext中文网 （http://ajaxjs.com）。Ext JS 4最强大的机能之一就是将模型的关系映射链接到一起。在 Ext 4 数据模型中，这种链接关系是通过关联操作(associations)来完成的。在应用中定义不同物件的关系是非常自然的。比如说，在一个食谱数据库中，一条食谱可能会有多条评论，多条评论又可能为同一作者所写，而作者又可以创造多条食谱。透过定义这种链接关系可原创 2010-11-08 13:53:00 · 9422 阅读 · 4 评论 -
Ext 3 中文文档 离线版本（for AIR、CHM双版本）下载
大家知道Ext文档那些弄得很漂亮的HTML。翻译的工作完毕后，接着的任务转便是换为发布的格式。这次可选的格式除了一贯以往的Adobe AIR外，还有传统格式CHM。首先说说将HTML转换单一文件的CHM。（后来Jacky提醒：不一定偏执于CHM；直接*.html大家也会领情）制作CHM可不是一件轻松的事情，至少我转换的过程中遇到不少的难题。首先是非官方的生成软件一概不成（推荐Easy CHM）原创 2009-12-03 19:09:00 · 3939 阅读 · 7 评论 -
预览ExtJS 4.0的新功能（四）：焕然一新的Store/Proxy
焕然一新的Store/Proxy 转载请注明出处Ext中文网 （http://www.ajaxjs.com 。上期讲到，Ext JS4 可以允许我们定义业务模型之间的关系（Association），在浏览器客户端就可以描述我们的业务模型如何，甚至灵活调用域对象（Domain Object）也不是一件难事。可是如果没用实体数据，业务模型也只是“空壳”，缺了内容也不存在什么“UI 数据绑定”一原创 2010-11-22 19:12:00 · 13630 阅读 · 0 评论 -
Ext JS 4 信息汇总
Data 部分已经与 Sencha 工作人员确认，Sencha 的和 Ext JS 都是同一设计的 Data，包括模型、关联等的新内容 Ext JS 4都有，也就是说，现在 SenchaTouch 的 Data 就是将来 Ext JS 的 Data。原创 2010-11-24 16:06:00 · 3561 阅读 · 4 评论 -
Ext 设计师面面观
一段时间，小弟去收邮件的时候，就会发现有来自 extjs.com 的温馨提示，被告知 Ext 设计师（Ext Designer）正在测试，不日将会发布云云。上个礼拜，设计师终于结束 RC测试，以1.0正式版本面世于人了。虽不说千呼万唤始出来，但也引起了不小的骚动，何以见得？君不见 Javaeye 上计数器有12100~，排名竟第一呵呵，对 Ext IDE 感兴趣、争相一睹设计师风采的朋友可谓络绎不绝。原创 2010-03-30 17:49:00 · 6817 阅读 · 11 评论 -
Ext JS 6 驾临
是的，Ext JS 6 就要来了！Ext JS 6 最大的改变，莫过于就是将 PC 端与移动端的代码统一起来，务求采用相同 API 来开发不同平台的客户端界面，这样无论桌面、平板和手机都是使用同一个 JavaScript 框架：Sencha Ext JS 6。也就是说，两者整合在一起啦~于是你写一份代码，就可以“到处运行”，这样开发效率不是很高吗？原创 2015-04-26 08:54:00 · 8039 阅读 · 2 评论 -
网页小 Widget 应用之 Carousel、Menu 和 Tabs（上）
介绍 Wdiget 之前，我想说说一个关于摘取网页的小插曲。之前我为大家介绍过摘取网页的好工具，ScrapBook 。ScrapBook 在处理纯视觉的页面，也就是 CSS/HTML 的时候，表现较为满意，只不过在选择下载“JavaScript”，就有那么一点力不从心了，——这不，人家也在上面说了“JavaScript may cause some problems”。的确，我使用 ScrapBook 的时候真是会碰到一些页面渲染不正确的问题。那，有没有比较好的工具，说白了，就是摘取页面的“银弹”。原创 2009-12-30 20:39:00 · 4826 阅读 · 2 评论 -
网页小 Widget 应用之 extjs.com 特效介绍篇
说到这儿，便想起刚学网页的时候，使用 Dreamweaver 的一个按钮翻转的 JS，那是很典型的网页效果，说出函数名字来大伙还记得吗？……MM_preloadImages('images/2.jpg')、MM_swapImage('rotator','','images/2.jpg',1) 呵呵。同样我们也可以在 Ext Core 之中轻松实现，这部分内容放在本文第三小节中为大家介绍。原创 2009-12-30 10:58:00 · 4953 阅读 · 0 评论 -
网页小 Widget 应用之 Lightbox 图片告示
现在开始谈谈 Ext JS Core，有关网页 Widget 的应用。首先是经典的 Lightbox 效果（单击我进入演示）。Ext.ux.Lightbox 支持两种方式的登记（register()），一种是单张的图片登记的，无须多说；另外一种是批量的，就是有“上一张”/“下一张”的效果，供用户前进或者后退。应该说，这两种方式已经满足了一般 Lightbox 效果的要求，而且图片出现的时候带有动画效果，让用户有比较活泼的感觉。原创 2009-12-29 21:25:00 · 3035 阅读 · 0 评论 -
Ext 4 概述（一）
Ext 4概述Ext 4有志诚成为Web程序其革命性的开发平台。框架中的每一个首要的组件几乎都作了改善，而且属于相当大幅度的改善。对于Ext3来说——4.0许多组件以及子系统都是表现得焕然一新！本指南会向您提供有关Ext3到Ext4期间变化所呈现的一方面。如果您在阅读本文档时正好发现任何问题，请积极反馈，或来到Sencha论坛《迁移Ext3到Ext 4》的帖子还有来到Ext中文网之JS堂社区反馈吧！一般性问题该文档通用于Ext Core及Ext JS。Ext 3的兼容性我们几次更新Ext J原创 2011-04-18 09:44:00 · 4555 阅读 · 0 评论 -
Ext 4 概述（六）之Grid
数据表格（Grid）这次升级Ext 4全部重写了Grid组件。显然，诸多理由和原因迫使我们升级Grid，但Ext 4 Grid向后兼容方面真的很难顾全。为此，我们将会提供一份关于Grid在Ext3升级到Ext4的指南。智能化渲染旧Ext JS 3 Grid工作起来还是蛮不错的。但透过“最小公分母（least common denominator）”的方法论来确定其各种功能的话，很容易带来一点不足的就是，伴随着Grid的每一项功能，都会生成大量的HTML Markup产生。我们不得不面对这个问题。原创 2011-04-18 10:15:00 · 3556 阅读 · 0 评论 -
Ext 4 概述（五）之布局Layout、组件Component、Form
Layout参考资源<br />Ext 4 Layouts (video)<br />Ext 4 Layouts (slides<br />ComponentLayout<br />ComponentLayout是一种新型的布局方式，许多复杂的组件就采用这种布局（与之对应的为ContainerLayout，“ContainerLayout”——传统基于容器布局的新名字）来计算内置元素的大小尺寸，以响应resize的调用。Field字段组件的FieldLayout布局，关于labell控件和input元素原创 2011-04-18 10:13:00 · 10541 阅读 · 4 评论 -
透视Ext JS 4类背后的机制与特点（中）
这些都不是魔法，却给JavaScript带来神奇般的效果，原因在于： * Ext.Base – 任何一个类都会继承的Ext.Base。它是居于最底层的一个类。 * Ext.Class – 创建新的类工厂。 * Ext.ClassLoader – 加载器用于保证页面上找不到类所进行的工作。 * Ext.ClassManager –启动类的创建过程和管理依赖关系。所列对象都是幕后的功臣，它们为你定义和使用某一个类都作出自己应有的贡献，而你却不一定要全部知晓它原创 2011-02-21 13:20:00 · 4756 阅读 · 2 评论 -
Extjs4 初步入手
docs文档中心完全不一样了，但似乎还有明显的显示问题。docs好像不用部署到服务器了。直接file本地打开，更易用。提供skin的psd原始图层，这点十分好，便于UI修改皮肤。不过俺装的是ps 7.0 版本打不开高版本。这次发布中，只有ext-all-debug.js版本没有压缩混淆的版本。我立刻用google complier压了一下，变为714kb，2768kb→714kb，ver 4.0 pc-1。目录大变样，乃大幅重构后必然的结果……个人感觉目录的规划更清爽，如右图。原创 2011-02-21 10:07:00 · 6428 阅读 · 5 评论 -
Ext JS 4的Grid组件
Summary: 介绍Ext JS 4的Grid Ext JS 4 Grid Components Author: Brian Moeskau(译者：Frank Cheung) Published: 2011三月七日 Ext Version: 4.x Languages: Chinese 该文英文版本 我们正在不懈地努力着Ext JS4。到目前为止所呈送给各位看官的只是程序员预览版本（Developer Perview），不过我们打算在未来四到六个星期之内，就会发原创 2011-03-10 12:04:00 · 3851 阅读 · 2 评论 -
Ext 4发布了
ext4 发布了：http://www.sencha.com/blog/ext-js-4-developer-preview/下载http://downloads.sencha.com/extjs/ext-4.0-pr1.zip原创 2011-02-17 12:57:00 · 1771 阅读 · 0 评论 -
ExtJS 4 动态加载的演示例子
官方提供四个围绕于Ext JS类加载机制的例子供大家演示 、下载 （例子已汉化），起初页面加载的只是基本调用的代码，而实际的代码必须经过动态请求从服务端获取回来。运行这些例子都需要事前部署在服务器之上才可以，不用动态的服务器亦可，并且建议读者在测试例子的同时打开您的Firebug一边运行程序，一边留意AJAX是如何从服务端哪里加载文件的，从第一个例子的一份文件到第四例子的六分文件的情形都有。原创 2011-02-16 11:54:00 · 10766 阅读 · 12 评论 -
ExtJS 4 数据包的演示例子
在这份演示中，我们向大家透露了数据包崭新的功能有哪些。假设例子是个简单的博客程序，博客的模型有用户User，帖子Post及评论Comment。例子依赖服务器的远程调用须要部署在一个服务器上，静态服务器即可。1.创建一个模型的实例首先要创建一个User模型的实例。需要指出的是，这里的User变量是一个全局变量。虽然全局变量应该慎重使用，但如果这里只是一个例子的话所以直接用上了。User是一个模型类。var frank = new User({ name: 'Frank Cheung'原创 2011-02-15 11:57:00 · 5123 阅读 · 0 评论 -
Ext 4 概述（二）之Ext Core
Ext Core新型类系统参考资源Ext JS 4的倒数：动态加载和新的类机制（上）Ext JS 4的倒数：动态加载和新的类机制（下）Ext JS 4 的类机制主要围绕传统OO模型而设计，弥补了Prototype OO不足。虽然性质上仍为模拟的手段，但包含了比较完整的OO特征，并且保持对旧Ext3类机100%兼容。Ext JS 4（连同 Ext Core）提供的新功能有：继承方面Ext.defined代替了原来Ext.extend的写法。 自动计算依赖关系及动态类加载。 多态 静态成员原创 2011-04-18 10:00:00 · 6102 阅读 · 7 评论 -
Ext 4 概述（四）之 ARIA、Data、Draw、Fx
Ext JS参考资源<br />Intro to Ext 4 (video<br />Ext 4 Architecture (video)通用问题适配器（Adapters）<br />之前的各个Ext版本中都可以透过使用适配器（adpaters）的方式转换第三方的JavaScript库为我所用。Ext4的话就没这支歌仔唱了。改朝换代后，Ext JS应用程序的底层库唯一限定为Ext Core。不过我们依然可以继续让Ext Core与别的JS库共存于一个JS运行时（实际上这就是为什么一些JavaSc原创 2011-04-18 10:10:00 · 5618 阅读 · 0 评论 -
Ext 4 概述（七）之面板Panel & 杂项
面板Panel支持了边界接触（Docking）Panel的改变之一便是通过面板特定的组件布局类（a panel-specific ComponentLayout）来负责管理其边界内所接触的元素项。面板body元素会铺张至任何空白的位置。任何组件都可以通过设置目标面板的dockedItems配置项属性来相接触，而且对方面板的dock属性也要与之设置好才行。如此一来，Ext3中困难重重的水平界工具条现今已大幅改进其灵活性，在Ext4中轻而易举地实现上述功能。头部Header的改进头部Header 现今为容原创 2011-04-18 10:17:00 · 5139 阅读 · 2 评论 -
ExtJS 4 官方指南翻译：Grid组件（上）
原文：http://docs.sencha.com/ext-js/4-0/#!/guide/grid翻译：frank/sp42 转载请保留本页信息GridsGrid 面板为 Ext JS 的大头核心之一。它是一个通用性很强的组件，提供了一个简单的方式来显示、排序（sort）、分组（group）和编辑（edit）数据。The Grid Panel is one of the ce翻译 2011-10-18 16:41:29 · 4643 阅读 · 4 评论 -
ExtJS 4 官方指南翻译：Drag and Drop 拖放
原文：http://docs.sencha.com/ext-js/4-0/#!/guide/drag_and_drop翻译：frank/sp42 转载请保留本页信息拖放 Drag and Drop在那么多的交互设计模式之中，“拖放（Drag andDrop）”模式可以说是开发者感觉比较不错的。用户日常在进行拖放操作的时候，真的是连“想都不用想”地就可以进行拖放操作了，非常直观而且易学易翻译 2011-10-26 17:03:47 · 11688 阅读 · 5 评论 -
ExtJS 4 官方指南翻译：Tree组件
原文：http://docs.sencha.com/ext-js/4-0/#!/guide/tree翻译：frank/sp42 转载请保留本页信息树 Trees树面板组件是在 ExtJS 里面最多彩缤纷的组件之一，用于显示层次状明显的数据来说十分适合。树面板跟 Grid 都是来自同一个基类的，之所以这样的设计，是为了那些扩展或者插件统统都可以复用一致的功能。比如多列、尺寸控制、拖放翻译 2011-10-23 22:08:39 · 10125 阅读 · 7 评论 -
ExtJS 4 官方指南翻译：Grid组件（下）
原文：http://docs.sencha.com/ext-js/4-0/#!/guide/grid翻译：frank/sp42 转载请保留本页信息选区模型 Selection Models有时 Grid 面板被用于只是在屏幕上显示的数据，但更多的是进行交互动作或执行更新数据的任务。所有 Grid 面板都有一个选择模型（SelectionModel），以确定数据如何被选中。选择模型的两个翻译 2011-10-19 08:07:38 · 5654 阅读 · 2 评论 -
预览ExtJS 4.0的新功能（二）：客户端的对象关系映射（ORM）
4.0之前，Ext 的功能已经十分丰富，数据层却难以令人满意。作为 UI 框架，数据层可能不是重点，但明显攸关到业务顺利的展开与否。然而，3.0 之后，虽然过增加了 Ext.data.Api/REST/Direct 等的新协议，但无论 3.0 还是 2.0，Ext.data.*原创 2010-11-03 10:28:00 · 13814 阅读 · 7 评论 -
预览ExtJS 4.0的新功能（六）：读写器/Opeartion
转载请注明出处Ext中文网 （http://www.ajaxjs.com ）。 预览ExtJS 4.0的新功能（六）：读写器/Opeartion许久未更新Blog了，跟大家说声不好意思，要不是工作特忙，以及游戏特吸引人，不然早就写完了，呵呵。当然还离不开夜兄的好言鼓励原创 2010-12-01 10:42:00 · 5699 阅读 · 0 评论 -
透视Ext JS 4类背后的机制与特点（下）
在构建 Ext.Class 之时，它会分配既细又专的处理器（processors），专门处理构成类定义的每一个部分。当前Ext缺省提供了一些处理器，包括有：mixins 多态的，配置项函数的，以及处理类扩展的都是必备的。除了缺省处理器外，还可以随便自定义预处理器，预处理器是完全交原创 2011-02-21 13:46:00 · 5053 阅读 · 7 评论 -
ExtJS实用工具类 Ext.util.TaskRunner
TaskRunner 在浏览器提供的 setTimout()/setInterval() 基础上继续完善， 扩展了主要两项功能：执行次数的限制、执行时间的限制（即超时）。TaskRunner 旨在利用计时器分时执行方法提供一个相对简易的并行运行机制，其目的不但在于一般的延时执行任原创 2011-09-15 19:16:52 · 9888 阅读 · 0 评论