Event 事件系统(转的自己看)

1.Event 事件系统

文章分类:Web前端 要说GXT里面的事件Event,就必须先了解一下GWT提供的事件系统

GWT中基础的事件类是:com.google.gwt.user.client.Event
在这里GWT给我们提供了浏览器原生的20种左右的事件,每一个事件都用一个Int整数类型表示
如:

Java代码
  1. /**  
  2.  * Fired when the user clicks on an element.  
  3.  */   
  4. public   static   final   int  ONCLICK =  0x00001 ;  
  /**
   * Fired when the user clicks on an element.
   */
  public static final int ONCLICK = 0x00001;



GWT只提供了原生的事件,实际GXT中需要很多的自定义事件,GXT是如何扩展事件系统的呢?

GXT中创建了一个:com.extjs.gxt.ui.client.event.EventType 类,通过创建这个类的实例来表示一种事件(对比GWT中是用int整数来表示一种事件)。GWT中通过int类型来区别不同的事件,而GXT的 EventType则是通过比较内存地址来判断是否为不同的事件。

com.extjs.gxt.ui.client.event.Events 类列出了GXT提供的所有事件类型,截取片段代码如下:

Java代码
  1. /**  
  2.  * Defines the GXT event types.  
  3.  */   
  4. public   class  Events {  
  5.   
  6.   /**  
  7.    * Activate event type.  
  8.    */   
  9.   public   static   final  EventType Activate =  new  EventType();  
  10.   
  11.   /**  
  12.    * Add event type.  
  13.    */   
  14.   public   static   final  EventType Add =  new  EventType();  
  15.   
  16.   /**  
  17.    * Adopt event type.  
  18.    */   
  19.   public   static   final  EventType Adopt =  new  EventType();  
/**
 * Defines the GXT event types.
 */
public class Events {

  /**
   * Activate event type.
   */
  public static final EventType Activate = new EventType();

  /**
   * Add event type.
   */
  public static final EventType Add = new EventType();

  /**
   * Adopt event type.
   */
  public static final EventType Adopt = new EventType();


因为这些事件类型是带有逻辑的自定义的事件,数量上远远大于浏览器的原生事件。目前GXT2.1的事件就达到145种,未来应该还会添加!

这样说来GXT与GWT采用了2套事件系统,会不会有冲突呢?
比如GWT捕获到一个Event.ONCLICK的单击事件,通知给GXT,因为这是一个int数据,而GXT识别的是EventType类型的事件,GXT如何来识别GWT的事件并转化为自己能够认识的EventType事件呢?

解决方法是GXT将GWT提供的原生事件与GXT中的事件进行了绑定。参考代码:

Java代码
  1. private   static  Map<String, EventType> browserEvents =  new  FastMap<EventType>();  
  2.   
  3. static  {  
  4.   browserEvents.put(String.valueOf(Event.ONBLUR), OnBlur);  
  5.   browserEvents.put(String.valueOf(Event.ONCHANGE), OnChange);  
  6.   browserEvents.put(String.valueOf(Event.ONCLICK), OnClick);  
  7.   browserEvents.put(String.valueOf(Event.ONCONTEXTMENU), OnContextMenu);  
  8.   browserEvents.put(String.valueOf(Event.ONDBLCLICK), OnDoubleClick);  
  9.   browserEvents.put(String.valueOf(Event.ONERROR), OnError);  
  10.   browserEvents.put(String.valueOf(Event.ONFOCUS), OnFocus);  
  11.   browserEvents.put(String.valueOf(Event.ONKEYDOWN), OnKeyDown);  
  12.   browserEvents.put(String.valueOf(Event.ONKEYPRESS), OnKeyPress);  
  13.   browserEvents.put(String.valueOf(Event.ONKEYUP), OnKeyUp);  
  14.   browserEvents.put(String.valueOf(Event.ONLOAD), OnLoad);  
  15.   browserEvents.put(String.valueOf(Event.ONLOSECAPTURE), OnLoseCapture);  
  16.   browserEvents.put(String.valueOf(Event.ONMOUSEDOWN), OnMouseDown);  
  17.   browserEvents.put(String.valueOf(Event.ONMOUSEUP), OnMouseUp);  
  18.   browserEvents.put(String.valueOf(Event.ONMOUSEOVER), OnMouseOver);  
  19.   browserEvents.put(String.valueOf(Event.ONMOUSEOUT), OnMouseOut);  
  20.   browserEvents.put(String.valueOf(Event.ONMOUSEMOVE), OnMouseMove);  
  21.   browserEvents.put(String.valueOf(Event.ONMOUSEWHEEL), OnMouseWheel);  
  22.   browserEvents.put(String.valueOf(Event.ONPASTE), OnPaste);  
  23.   browserEvents.put(String.valueOf(Event.ONSCROLL), OnScroll);  
  24.   
  25. }  
  private static Map<String, EventType> browserEvents = new FastMap<EventType>();

  static {
    browserEvents.put(String.valueOf(Event.ONBLUR), OnBlur);
    browserEvents.put(String.valueOf(Event.ONCHANGE), OnChange);
    browserEvents.put(String.valueOf(Event.ONCLICK), OnClick);
    browserEvents.put(String.valueOf(Event.ONCONTEXTMENU), OnContextMenu);
    browserEvents.put(String.valueOf(Event.ONDBLCLICK), OnDoubleClick);
    browserEvents.put(String.valueOf(Event.ONERROR), OnError);
    browserEvents.put(String.valueOf(Event.ONFOCUS), OnFocus);
    browserEvents.put(String.valueOf(Event.ONKEYDOWN), OnKeyDown);
    browserEvents.put(String.valueOf(Event.ONKEYPRESS), OnKeyPress);
    browserEvents.put(String.valueOf(Event.ONKEYUP), OnKeyUp);
    browserEvents.put(String.valueOf(Event.ONLOAD), OnLoad);
    browserEvents.put(String.valueOf(Event.ONLOSECAPTURE), OnLoseCapture);
    browserEvents.put(String.valueOf(Event.ONMOUSEDOWN), OnMouseDown);
    browserEvents.put(String.valueOf(Event.ONMOUSEUP), OnMouseUp);
    browserEvents.put(String.valueOf(Event.ONMOUSEOVER), OnMouseOver);
    browserEvents.put(String.valueOf(Event.ONMOUSEOUT), OnMouseOut);
    browserEvents.put(String.valueOf(Event.ONMOUSEMOVE), OnMouseMove);
    browserEvents.put(String.valueOf(Event.ONMOUSEWHEEL), OnMouseWheel);
    browserEvents.put(String.valueOf(Event.ONPASTE), OnPaste);
    browserEvents.put(String.valueOf(Event.ONSCROLL), OnScroll);

  }


browserEvents 这个map对象绑定了GWT事件与GXT的EventType事件
当GXT接收到GWT传递过来的一个int类型的事件时,GXT会调用:

Java代码
  1. public   static  EventType lookupBrowserEvent( int  browserEventType) {  
  2.   EventType type = browserEvents.get(String.valueOf(browserEventType));  
  3.   assert  type !=  null ;  
  4.   return  type;  
  5. }  
  public static EventType lookupBrowserEvent(int browserEventType) {
    EventType type = browserEvents.get(String.valueOf(browserEventType));
    assert type != null;
    return type;
  }


方法来查找对应的EventType事件,找到后以自己的一套事件系统来传递和处理这个事件

你可能感兴趣的:(UI,浏览器,Google,gwt)