首页 > 代码库 > Ext.Js( 三)

Ext.Js( 三)

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方法来设置该面板的标题。

 

Ext.Js( 三)