ExtJs之addManagedListener

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

44

45

<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>&lt;/</code><code>head</code><code>&gt;</code>

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

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

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

<code>  </code><code>function createfn(){</code>

<code>    </code><code>alert('建立');</code>

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

<code>  </code><code>function openfn(){</code>

<code>    </code><code>alert('打開');</code>

<code>  </code><code>function savefn(){</code>

<code>    </code><code>alert('儲存');</code>

<code>  </code><code>ext.create('ext.toolbar.toolbar',{</code>

<code>    </code><code>renderto: ext.getbody(),</code>

<code>    </code><code>bodypadding: 5,</code>

<code>    </code><code>width: 500,</code>

<code>    </code><code>items: [</code>

<code>      </code><code>{text: '建立', id: 'createbtn', iconcls: 'newicon'},</code>

<code>      </code><code>{text: '打開', id: 'openbtn', iconcls: 'openicon'},</code>

<code>      </code><code>{text: '儲存', id: 'savebtn', iconcls: 'saveicon'},</code>

<code>      </code><code>{text: '銷毀建立按鈕', handler: function(){</code>

<code>        </code><code>ext.getcmp('createbtn').destroy();</code>

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

<code>    </code><code>]</code>

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

<code>  </code><code>var createbtn = ext.getcmp('createbtn');</code>

<code>  </code><code>createbtn.on('click', createfn);</code>

<code>  </code><code>createbtn.addmanagedlistener(ext.getcmp('openbtn'), 'click', openfn);</code>

<code>  </code><code>createbtn.addmanagedlistener(ext.getcmp('savebtn'), 'click', savefn);</code>

<code>});</code>

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

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

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