Ext.dom.Element常用メソッド解析

Ext.dom.Element常用メソッド解析
 
Ext.Element,Ext.core.Elemen,Ext.dom.Elementといういくつかのクラスはすべて1つのクラスで、EXTの中で別名をあげただけで、このクラスは主にDOM要素の操作に対するパッケージで、私たちの操作はDOMの操作に対してもっと便利になって、その上底層はブラウザの違いを遮断しました.
 
では、Ext.Elementオブジェクトを返すにはどうすればいいのでしょうか.Ext.get(el)でいいです.
パラメータel:String/HTML Element/Ext.Element(The id of the node,a DOM Node or an existing Element.)

// by id

var el = Ext.get("my-div"); // by DOM element reference

var el = Ext.get(myDivElement);

 
以上のようにExt.Elementオブジェクトを返し、そのAPIを使用して開発を簡素化することができます.次に、一般的な機能をいくつか紹介します.
 
1.要素にイベントを追加する:el.on( eventName, fn, [scope], [options] ) .
 

el.on('click', this.onClick, this, { single: true, delay: 100, stopEvent : true, forumId: 4 });

eventName:click、dbclkc、mouseoverなどのイベントの名前.
fu:イベントの処理関数.
scope(オプション):デフォルトがElementオブジェクト自体である場合、イベント処理関数のthisの指向.
options(オプション):関数を構成情報に処理し、このパラメータには内容が多いので、以下で説明します.

scope：        this   ，        Element    。

delegate：  el               ，             (Ext.core.DomQuery)

stopEvent:　（preventDefault stopPropagatio）    

preventDefault :      （   A     click  ，    A          click  ，         【   href 】）

stopPropagatio：　    （        ）

normalized ：     false                      EVENT  ，   Ext.EventObject

target：             

delay：        

single ：       

buffer ：              ，     2000    2          

 
2.getViewSize()要素の幅の高さを取得する

var vpSize = Ext.getBody().getViewSize(); // all Windows created afterwards will have a default value of 90% height and 95% width

Ext.Window.override({ width: vpSize.width * 0.9, height: vpSize.height * 0.95 });