沧海一粟

     ExtJS的Tree控件利用TreeNode构建内置的数据，在client/Server的结构中，利用TreeLoader从server端获得Tree中的数据，最终显示。在实际的生产环境中，大量的情况是用TreeLoader来获得这些数据，数据的默认格式是Json格式。在实际的生产中，有时利用xml作为数据源，在ExtJS自带的例子中，有XMLTreeLoader的例子，扩展TreeLo...

    在研究ExtJS Tree动态构建时，按照ExtJS推进的方法是通过TreeLoader加载数据，加载的数据的格式是JSON。在ExtJS的例子check-tree.html中，直接利用后端的check-nodes.json来构建，但是在实际的工程中，有很多是根据不确定的数据内容来构建Tree的。     在Java开发的Web中利用Struts实现后端的servlet，可以提供相应的j...

    在一个目录层次比较多的Tree中，一次性构造一棵树，不是一个好的实践，因为那样在Tree加载时，会耗用过多的时间，所以，利用异步的方式构建Tree就显得重要了。     Ext.tree.TreePanel从机制上，提供了异步加载的机制，通过对‘beforeload’事件的响应： var treeUrl ='url'; new Ext.tree.TreePanel({ ... ...

    Ext JS的Grid通过PagingToolbar和datastore的配合完成对于列表显示的的控制，下面的例子中是实验的JavaScript代码： Ext.onReady(function() { Ext.state.Manager.setProvider(new Ext.state.CookieProvider()); var store = new Ext.dat...

   Ext JS 是利用JavaScript构建的面向对象思想的Web页面实现框架。ExtJS定义的UI对象和Ajax访问后台的机制，既可以插入到普通的Html、jsp等网页元素中应用，同样也可以完全基于ExtJS来布置和实现完整的网站。以下是我利用ExtJS3.2.0版本实现的一个技术验证demo。     设计的现在的界面如下图：  利用Ext.Viewport作为这个页面布局的基准...

  在上一篇中，详述了应用主界面的实现过程，在其中，有一个Tree的部分，是显示的股票的数据，包括三个层次：股票类型，子类型，股票。对于具有购买历史的Tree分支，进行醒目的显示；Tree中支持Context Menu。实现的结果如下图所示：        在Tree的定义中，主要有以下几个关键点：             1、利用了异步加载的方式，一级一级的加载Tree的子项，涉及到T...

   在应用的主窗口中，利用Tab显示各种不同的Panel。其中有一个显示Pdf文档的需要，在ExtJS中，利用iframe显示嵌入文档的内容。    在ExtJs3.2.0版本中没有包含对于iframe进行支持的panel，但是网上有一个支持iframe的扩展：Ext.ux.ManagedIFrame，可以方便的下载到。然后，在自己的应用中就可以应用了： var dkmiChartPane...

ExtJS在系统的Theme方面，提供了强大的支持，通过在文件中设置不同的Theme，可以显示各种不同风格的窗口，ExtJs自带了三种Theme，自己也可以方便的定义自己的Theme，在我的应用中，我利用link属性使用了access的Theme。 <link rel="stylesheet" type="text/css" href="<%=path%>/ext-3.2.0/...

Ext 核心 API -- Ext.apply 与 Ext.applyIf <script type="text/javascript"></script><script type="text/javascript"></script> Ext中apply及applyIf方法的应用           apply及applyI...

Ext.apply、 Ext.applyIf和Ext.extend：_sun Ext.apply、 Ext.applyIf和Ext.extend： 2008年07月25日 星期五 10:48 Ext.apply、 Ext.applyIf和Ext.extend：Ext.apply(obj, config, [defaults]) 将config对...

关于JavaScript中this的使用，这是一个由来已久的问题了。我们这里就不介绍它的发展历史了，只结合具体的例子，告诉大家可能会遇到什么问题，在遇到这些问题时EXT是如何解决的。在使用EXT时，最常碰到的就是使用Ajax回调函数时出现的问题，如下面的代码所示。 <input type="text" name="text" id="text"> <input ty...

Ext.extend方法是用来实现类的继承。 extend(Object subclass,Object superclass,[Object overrides] : Object 第一个参数：子类 第二个参数：父类 第三个参数：要覆盖的属性。 这里需要强调一下，子类继承下来的是父类中通过superclass.prototype方式定义的属性（包括用此方法定义的函数）。 例子如下： J...

Ext.get()与Ext.fly()之区别 2009-1-12 11:19:22 从一开始接触Ext就看到有Ext.fly这个函数，当时觉得这个跟Ext.get没什么区别，加之当时对JS性能相关问题认识肤浅，也一直没有在意其区别，今日看learning extjs一书，看到了有专门对Ext.fly特别强调的一处： This isn't exactly a speed tip, but ...