extjs
Jerrysbest
专注企业信息化,J2EE,saas,云计算,软件开发项目管理与咨询
展开
-
ExtJs源码分析与学习—ExtJs核心代码扩展
前面三篇文章参考作者snandy总结了Ext中核心代码Ext.js,今天对Ext.js的扩展Ext-more.js进行分析。这里首先感谢snandy ,这位作者文章写的不错,对Ext的理解也很深入,学习了。 该类中主要是对Ext核心方法进行了扩展 Js代码 Ext.n转载 2011-07-27 23:40:19 · 3540 阅读 · 1 评论 -
ExtJs源码分析与学习—ExtJs事件机制(五)
最近一直忙着做产品,所以好久没有写文章了,下面接着把ExtJs事件机制最后一点内容写完。主要是介绍Ext提供的三个辅助实现事件类——快捷键、导航键和鼠标按键事件。 快捷键 Ext.KeyMap 该功能的实现被封装在类Ext.KeyMap中Js代码 Ext.KeyMap转载 2011-07-27 23:37:02 · 4123 阅读 · 2 评论 -
Ext的弹出窗口
5.1. 呵呵~跳出来和缩回去总给人惊艳的感觉。浏览器原声的alert(),confirm(),prompt()显得如此寒酸,而且还不能灵活配置,比如啥时候想加个按钮,删个按钮,或者改改按下按钮触发的事件了,都是难上加难的事情。既然如此,为何不同ext提供的对话框呢?那么漂亮,那转载 2011-07-27 23:47:51 · 3586 阅读 · 0 评论 -
读ExtJS源码分析与开发实例宝典
今天匆匆把这本书看了,感觉这本书写的还不错,有深度,不仅教大家如何使用EXT,更主要的是还分析了ext的源码,不过鉴于个人水平,感觉很多源码还是不太好理解的。书中主要讲了继承和扩展,事件机制,模板,ajax,动画,拖拽,grid,还有一些组件等等。整个讲解是和一个OA系统的开发结原创 2011-07-31 01:15:35 · 1724 阅读 · 1 评论 -
ExtJs源码分析与学习—ExtJs事件机制(四)
ExtJs组件事件——ExtJs自定义事件的处理 下面通过对组件的事件对象和事件机制两个方面分别对源码进行分析。组件事件对象 ExtJs组件事件对象是通过Ext.util.Event类来完成的,其实在浏览器元素事件中部分功能的实现已用到了该类。下面看该类的实现转载 2011-07-27 23:35:50 · 5336 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs核心代码(三)
Ext为javascript的一些对象进行了扩展,主要有String、Array和Function,以下只介绍Ext.js中提到的方法,其他的后续再介绍 Ext为String扩展了方法 format,该方法为String的静态方法(类方法),可以把字符串中特殊写法({0},{1}转载 2011-07-27 23:41:04 · 3520 阅读 · 0 评论 -
extjs扩展组件还是写插件(Manual:Component:Extension or Plugin )
序言要是在Ext框架中没有相应的功能,我想许多用户都会自己写一套程序去实现。有一些功能是根据他们的程序而开发的,有些则是通用的,这样其他用户可能就会对此感兴趣。嗯~我们有了想法了,是需要写一写新的代码,相关的步骤我也懂得,可能面临一个问题,究竟是写扩展(Exten原创 2011-08-02 23:24:25 · 2862 阅读 · 0 评论 -
如何写一个extjs插件
IntroductionWe are going to write a plugin for Ext.form.Combobox that adds icons display functionality to standard combo. The result wil转载 2011-08-03 00:07:29 · 2487 阅读 · 0 评论 -
ExtJs源码分析与学习—工具类Ext.util.TextMetrics
Ext提供了一个很有用的工具类Ext.util.TextMetrics,利用该类可以很方便的为一段文字提供一个精确象素级的测量,以便可以得到某段文字的高度和宽度。该类的实现采用了单例模式,即当调用该类时,该类内部属性shared已实例,下次调用时不需再实例化。先看函数的定义 Js转载 2011-07-27 23:29:42 · 1834 阅读 · 0 评论 -
Ext 组件操作总结——会不断完善
1、Ext.Component该组件在渲染的时候会默认的创建div DOM,是根据this.autoEl的配置来创建的,默认this.autoEl为 div,创建后保存在 this.el中autoShow 设为true,渲染时会强制显示隐藏的元素,实际上会执行以下代码Js代码转载 2011-07-27 23:32:00 · 1376 阅读 · 0 评论 -
ExtJs表单几种验证与扩展
首先说明一下表单验证与其相关的一些设置 Ext.QuickTips.init(); //为组件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息。 Ext.form.Field.prototype.msgTarget='side'; //指示错误转载 2011-07-27 23:31:00 · 9732 阅读 · 0 评论 -
如何编写ExtJS自定义控件
// 1、引入命名空间Ext.namespace("ExtUD.Ext");//相当于java中包的作用// 2、编写自定义控件类ExtUD.Ext.UDPanel = Ext.extend(Ext.Panel, { title : '自定义控件',原创 2011-08-02 23:10:15 · 4858 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs核心代码(二)
下面介绍Ext.js中其他核心方法 Ext.namespace,用来管理Ext库命名空间的方法 Js代码 namespace : function(){ var o, d; Ext.each(arguments, functi转载 2011-07-27 23:41:44 · 3975 阅读 · 1 评论 -
ExtJs源码分析与学习—ExtJs源码结构
一、源码的目录结构以下是以官方最新版本ext-3.3.1列出源码目录结构1、 adapter :适配器,主要是ExtJs 提供了4中适配器 ext、jquery、prototype、yui。通过这些适配器,可以使ExtJs的应用建立在这些框架之上2、 core:对ext-co转载 2011-07-27 23:43:03 · 8860 阅读 · 1 评论 -
ExtJs中继承的实现与理解—extend
以下总结参考网络上资源 Ext中实现类的继承Js代码 extend (Object subclass,Object superclass,[Object overrides] : Object) 第一个参数:子类 第二个参数:父类 第三个参数:要覆盖的属性。 这里需要强调一转载 2011-07-27 23:38:46 · 16835 阅读 · 1 评论 -
ExtJs源码分析与学习—ExtJs事件机制(一)
前面讲了ExtJs核心代码以及扩展后,今天来说说ExtJs的事件机制,要想弄明白ExtJs的事件机制,就必须先知道浏览器的事件机制,这里给出了浏览器事件机制与自定义事件的实现 。 首先看源码 ext-base-event.js 关于浏览器本身事件的封装。代码中实现了各转载 2011-07-27 23:33:27 · 3001 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs事件机制(二)
在ExtJs源码分析与学习—ExtJs事件机制(一)中分析了ExtJs对原生浏览器事件的封装。这篇进一步分析ExtJs对事件的封装和扩充。ExtJs会对浏览器本身的事件进行转换,是通过类Ext.EventObject来实现的,该类中通过自执行匿名函数返回Ext.EventObje转载 2011-07-27 23:34:22 · 3368 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs元素Element(三)
Ext.Element扩展 通过Ext.Element.addMethods方法,Ext.Element扩展了许多对dom操作的方法,主要分为DOM坐标(Element.position.js),DOM滚动条(Element.scroll.js),DOM样式(Eleme转载 2011-07-27 23:23:24 · 1288 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs元素Element(一)
从这一节开始分析ExtJs对元素(Element)的封装与扩展,首先看Ext.lib.Dom 类Ext.lib.Dom 该类源代码对应的文件为ext-base-dom.js。Ext.lib.Dom主要实现了对document中元素部分方法的兼容性实现。在前面事件(Ex转载 2011-07-28 23:22:47 · 2179 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs核心代码(一)
首先声明一下,以下部分内容摘自网上 一、 有了上一篇ExtJs源码结构和ExtJs自带的调试工具后,下面介绍一下ExtJs最核心的部分ext-core二、 首先看Ext.js文件Js代码 window.undefined = window.undefined; 该段代码是为原创 2011-07-27 23:16:24 · 2064 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs元素Element(二)
元素操作核心类Ext.Element 类Ext.Element对DOM元素的进行了封装,并对DOM加入了简单的操作,实现了各浏览器的兼容;该类的实例可以更容易的对DOM elements进行操作;类中的事件,即封装了浏览器的事件,也可以访问底层浏览器事件(Ext.Ev原创 2011-07-27 23:18:34 · 4083 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs元素Element(四)
元素的操作Ext.DomHelper 该类中的函数主要来简化创建DOM元素操作,采用单例模式实现。主要提供了createHtml和createDom函数。createHtml函数根据配置来创建HTML标签,最终通过innerHTML插入到文档中,二createDom函原创 2011-07-27 23:24:25 · 1761 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs元素Element(五)
元素的查询Ext.DomQuery 该类结合css选择器可以提供高效的查询。首先说一下DOM中对文档元素的查询,主要有以下方法 document.getElementById(id) element.getElementsByTagName(tagName)转载 2011-07-27 23:26:04 · 1465 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs元素Element(六)
批量操作元素Ext.CompositeElementLite 该类提供了对一批元素进行相同操作的实现,他是建立在Ext.Element基础上,类中有一个集合,用来保存一批元素。该类的操作依赖于Ext.select,即Ext.Element.select函数来查询元素。转载 2011-07-27 23:27:21 · 1277 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs事件机制(三)
这篇讲ExtJs对事件的管理和调用 ExtJs对事件的管理非常强大,主要定义在Ext.EventManager对象(单例模式)中。先看注册事件监听方式,ExtJs提供了几种方式来注册元素监听函数通过Ext.EventManager.addListener/on函数来为转载 2011-07-27 23:35:09 · 5261 阅读 · 0 评论 -
ExtJs源码分析与学习—ExtJs事件机制(六)
最后把涉及到Ext事件的相关类图贴到这里转载 2011-07-27 23:28:43 · 685 阅读 · 0 评论