EXTJS之Ext.util.Observable自定義事件

暫時還不會用ext.mixin.observable，

催悲的測試了近兩個小時。這tmd的文法差距也太大了啊。。

在新版extjs裡，已去除了addevents。

弄個出來，大概知道下吧。

<a href="http://www.cnblogs.com/aguncn/p/5331071.html#">?</a>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

<code>&lt;!</code><code>doctype</code> <code>html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>title</code><code>&gt;extjs&lt;/</code><code>title</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>meta</code> <code>http-equiv="content-type" content="text/html; charset=utf-8"/&gt;</code>

<code>    </code><code>&lt;</code><code>link</code> <code>rel="stylesheet" type="text/css" href="extjs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/ext-all.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/bootstrap.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>script</code> <code>type="text/javascript" src="extjs/packages/ext-theme-crisp/build/ext-theme-crisp.js"&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>script</code> <code>type="text/javascript"&gt;</code>

<code>    </code><code>ext.onready(function(){</code>

<code>      </code><code>var name=ext.extend(ext.util.observable,{</code>

<code>          </code><code>constructor:function(config){</code>

<code>              </code><code>this.name=config.name;</code>

<code>              </code><code>this.id=config.id;</code>

<code>              </code><code>//this.addevents("fire","quite");</code>

<code>              </code><code>this.listeners=config.listeners;</code>

<code>              </code><code>name.superclass.constructor.call(this,config);</code>

<code>          </code><code>}</code>

<code>      </code><code>});</code>

<code>      </code><code>var username=new name({</code>

<code>        </code><code>name:"test",</code>

<code>        </code><code>id:"001",</code>

<code>        </code><code>listeners:{</code>

<code>            </code><code>"fire":function(){alert(username.name);}</code>

<code>        </code><code>}</code>

<code>      </code><code>ext.get('walk').on('click', function() {</code>

<code>        </code><code>username.fireevent('fire');</code>

<code>    </code><code>});</code>

<code>    </code><code>&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code> <code>style="margin: 20px"&gt;</code>

<code>  </code><code>&lt;</code><code>button</code> <code>id="walk"&gt;walk&lt;/</code><code>button</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>button</code> <code>id="eat"&gt;eat&lt;/</code><code>button</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>button</code> <code>id="sleep"&gt;sleep&lt;/</code><code>button</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>