Ext.Js( 三)

Posted 2020-08-05

ExtJs 核心函数简介

1.ExtJs提供的常用函数
2.get、fly、getCmp、getDom、getBody、getDoc
3.query函数和select函数
4.encode函数和decode函数
5.Ext.each函数
6.Ext.util.Format对数据进行格式化
7.Ext.util.TaskRunner
8.update方法局部更新网页内容

 

 Ext中包含了几个以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用
1、get方法
        get方法用来得到一个Ext元素，也就是类型为Ext.Element的对象，

        Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element对象，

       可以通过Element对象上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素

      initDD方法可以让指定的DOM具有拖放特性等。get方法其实是Ext.Element.get的简写形式。
          get方法中只有一个参数，这个参数是混合参数，可以是DOM节点的id、也可以是一个Element、或者是一个DOM节点对象等。看下面的示例代码：

Ext.onReady(function(){

var e=new Ext.Element(“oa");

alert(Ext.get(“oa"));

alert(Ext.get(document.getElementById(“oa")));

alert(Ext.get(e));});

html页面中包含一个id为oa的div，

代码如下：<div id=“oa">myoffice</div> 

 Ext.get(“oa")、Ext.get(document.getElementById(“oa"))、Ext.get(e)等三个方法都可以得到一个与DOM节点hello对应的Ext元素。

 

二： 1. Ext.fly和Ext.get

       Ext.fly在参数方面与Ext.get的完全相同，但其内置控制返回Ext.Element的方法就完全不同，

       Ext.fly从不保存享元对象的引用，每次调用方法都返回独立的享元对象。

       其实区别在于“缓存”中，因为缓存的缘故，Ext.get需要为每个元素保存其引用，就形成了缓存，

        如果有相同的调用就返回，但Ext.fly没有所谓的缓存机制，得到什么就返回什么，

       不是多次使用的情况下“一次性地”使用该元素就应该使用Ext.fly（例如执行单项的任务）。

           使用Ext.fly的例子：
        // 引用该元素一次即可，搞掂了就完工
        Ext.fly(‘elId‘).hide();
2、getCmp方法－获得Ext组件。
         getCmp方法用来获得一个Ext组件，也就是一个已经在页面中初始化了的Component或其子类的对象，

         getCmp方法其实是Ext.ComponentMgr.get方法的简写形式。getCmp方法中只有一个参数，也就是组件的id。比如下面的代码：

Ext.onReady(function(){
var h=new Ext.Panel({

id:"h2",title:"　",renderTo:"hello",width:300,height:200});

Ext.getCmp("h2").setTitle("新的标题");
}); 
在代码中，我们使用Ext.getCmp("h2").来得到id为h2的组件，
并调用其setTitle方法来设置该面板的标题。