hzylyl2402的专栏

昨天为了项目需要在做异步加载树时，碰到一个每次点击节点都重新，而且要把数据共享给Grid。有过一些想法，可是步骤都太多，而且感觉代码太乱。所以就想去看看Ext代码是如何实现树的加载和异步加载树是如何生成的。看了一下发现，在Ext.tree.AsyncTreeNode中有一个属性叫loaded。Ext.tree.AsyncTreeNode就是通过这个标识位来识别该节点是否已经加载。如果loa...

委托delegation减低内存销毁和防止内存泄露的隐患是事件委托技术的两项好处，其基本要义是：并不是集合内的每一个元素都要登记上事件处理器，而是在集合其容器上登记一次便可，这样产生了中央化的一个事件处理器，然后就有不断循环该事件周期，使得逐层上报机制付诸实现，只要在容器层面定义就可以。这不是说要求我们在body元素挂上一个全局的事件，这会导致页面内的任何动作都会触发那个事...

使用ExtJs开发项目问题：1、如何管理大量的Js文件。2、系统加载ExtJs库的次数。如果系统只有一个页面，即一次性加载所有的的JS文件。如果每个模块一个页面，那每次都需要加载ExtJs库，让页面打开很慢。3、使用ExtJs如何开发大量的项目。（希望可以共享开发流量）4、可以共享ExtJs开发项目的相关的经验。有那位做过ExtJs项目的，你们是如何处理这方...

1、少用IFrame，或者不要使用Iframe。 2、每个页面Panel定义一个自定义的类，在OnReady直接写上即可。 3、没有必要就不要修改ExtJs原功能和CSS样式。 4、视图层(UI)、数据层(Data)、控制层(Action)分为3个JS来保存。 5、没有必要，千千万万不要定义全局变量，尽量使用局部变量。 6、充分利用Javascript的动态...

 下面是ExtJs TabPanel右键功能插件，可以全部关闭Tab，或者关闭除自己的其它Tab，可以关闭当前Tab等功能。Ext.ux.TabCloseMenu = function(){ var tabs, menu, ctxItem; this.init = function(tp){ tabs = tp; ta...

 之前在项目遇到一个问题就是使用很多的Window进行新增，修改的操作，每个Window都添加上一个FormPanel。 1、添加起来比较麻烦。2、在Window再添加FormPanel肯定生成的Div会更多了，而且阅读起来也比较麻烦。3、还有就是很多同学喜欢使用使用field.setValue去赋值，其它FormPanel中就提供了loadRecord。很方便进行FormPane...

实现在表格头部下文可以有对应的查询框，如附件图。代码如下：  Ext.override(Ext.grid.GridView,{ /** * 通过下标获取查询单个单元格元素 **/ getSearchCell : function(index) { return this.mainSh.dom.getElementsByTagName('td')[index];...

最近项目提出一个新的需求： FormPanel面板当前数据与初始数据不一致，在关闭这个面板之前，请提示用户数据已经更新，是否需要保存， 关闭则丢失之前的配置数据，请确认。这个应该属于用户体验友好性方面的需要 通过分析发现可以通过2个方法实现 1、监听FormPanel每个输入框值的变化。（下面我们实现的方式） 2、通过绑定一个Record，通过Record来...

所谓说要完善CheckboxSelectionModel功能，其它是实现每行的CheckBox可以触发全选或者去全选。 说白了，就是当我们选中表中一行时，如果所有行都已经选中，那么头部的全选框会自动化选上，而如果表格全选中，把 其中一行去掉选择，而头部的全选框会自动去全选。 代码如下： Ext.override(Ext.grid.CheckboxSelectionM...

产生问题背景：ExtJS3.2版本页面上存在定时刷新表格的功能，而且表格中每行又有详情，当每次刷新每行时，即执行了Record的Set方法，详情都会关闭。刚开始觉得很奇怪。因为我一直觉得，我刷新一行中的一个字段的话，那应该是只更新这个字段的DOM就行了。 后台查看了一下源代码原来，每个Record数据变化时，其实都是重新生成一条新行的DOM。在源代码的执行步骤是，先新插入一行，再把...

REST与RESTful Web Services 表述性状态传送（REST）是一种架构上的风格。此术语由Roy Fielding（联合制定 HTTP标准联合作者之一）所创造。在他的博士论文的第五章中， 焦点的内容是关于现代Web架构的设计底层原理和与其他架构风格所不同的地方。 对于REST粗浅的理解可以这样地形容:你拥有一些资源（Resources）（概念化一些对象，就像数据库中实体），...

引言如果你是英语的用户就不必做任何本地化的工作了，这篇教程是为非英语用户所准备的，好像一般的用户，开发主管，业务员等，他们的外语可能稍逊，这样就需要你对如何本地化ext的整个流程了解一番了。 慢慢开始如果你曾浏览Ext 2.x目录的树状结构，你就会发现source/locale的目录（或SVN目录的src/locale）。此目录包含了Ext本地化类。先不长篇大论地讲太多概念的东西，...

使用ExtJs创建新的UI控件此文档介绍了怎么在ExtJS 2.x的库中，把现有类的能力扩展为新的用户界面控件。如果阁下想就此文进行讨论，请到论坛的帖子。 组合或扩展当创建一个新类，往往要作出这么的一个选择：要么拥有某个工具类的实例来扮演首要的角色，要么扩展那个类。 使用ExtJs过程中，推荐从最靠近的基类开始扩展，实现所需的功能即可。这是因为Ext提供的自动生存周期引入了自动...

引言 起初，Ext.extend()干的不错，它使你能够建立强大的面向对象的JavaScript类层次结构。你可以用它构建你自己的类和派生类，当然也可以扩展Ext的内建类。如果不熟悉Ext.extend()，你应该先读一下Manual:Intro:Inheritance。 Jozef Sakalos写的Tutorial:Extending_Ext_Class详细介绍了怎样在Ext1.X下实...

事前准备本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径，更改示例文件中script标签的src的属性。 需要些什么？除ExtJS库本身外，我们还需要两个文件： applayout.html applayout.js 先看看一份html文档，比较精简。并附有详细说明： applayout....

一般你会希望使用类（class）来诠释面何对象的思想。本教程的所述几点理点亦体现了这种思想。  复用的类有时候你打算生成一个带有若干配置项（config options）的组件（component），这些配置项你会想是让它可复的。就好像一种情况，有一部分的面板是已经固定好高、宽的，其中只有标题是不同的，我们可以把它做成预配置类（preconfigured class）。 使...

第1个问题，切换TabPanel的时候，有些Tab加载不到SWF，显示空白。解决：放置SWF的DIV高度和宽度需要变化，在这里都是减1.第2个问题，快速切换TabPanel的时候，下个Tab显示的SWF是上一个Tab的SWF。解决：这个是由于过快而导致，上一个Tab还没有隐藏，所以，我们在每次打开Tab之前，手动隐藏还没隐藏的Tab页面。第3个问题，SWF在IE中可以缓存，而在...