1

私は extjs4 MVC で作業しています。私は extjs4 でハイパーリンクのイベント クリックをキャッチしなければならない時点で立ち往生しています。コントローラの 'control' メソッドでそのイベントをキャッチしたいです。この問題を解決する方法を提案してください。

1)ここに私のいくつかのビューコードがあります:--

Ext.define('AM.view.user.linkView', {
    extend:'Ext.form.Panel',
    alias:'widget.Link',
    title:'hyper link',
    items:[
    {
        xtype: 'box',
        autoEl: {tag: 'a', href: '#', html: 'Click on this button',id:'link'}
    }]
});// End of login class

2)ここに私のコントローラーコードがあります: ---

Ext.define('AM.controller.Users', {
    extend: 'Ext.app.Controller',

     views: ['user.linkView'],

     init: function() {
         this.control({
             'Link box[tag: a]':
                 click:this.linkClicked
         });
     },
     linkClicked:function()
     {
         console.log("clicked on link");
     }
});

私はそれをたくさん試しましたが、この問題を解決できません。これを解決するにはどうすればよいですか?提案をお願いします...

4

1 に答える 1

2
Ext.define('AM.view.user.linkView', {
    extend:'Ext.form.Panel',
    alias:'widget.Link',
    name:'linkPanel',
    title:'hyper link',
    items:[
    {
        xtype: 'box',
        autoEl: {tag: 'a', href: '#', html: 'Click on this button',id:'link'}
    }]
});// End of login class

コントローラーで以下のコードを使用

var controller = this;
controller.control({
   'linkPanel': {
      afterrender: function() {
           Ext.get('link').on('click', function() {
                controller.linkClicked();
           });
      }
   }
});

これはうまくいきます!!!!

ありがとう

于 2013-04-19T10:39:24.563 に答える