Listview itemtap執行相同的控制器功能

Question

我在我的應用程序中有2個ListView，當用戶點擊每個listview項目的項目時，頁面應導航到不同的視圖。

在我的情況下，當我點擊每個視圖時，它導航到相同的視圖。這似乎是當用戶點擊視圖的一個項目時，它調用相同的控制器功能。這是我的代碼，有人可以幫我解決這個問題。

Ext.define('MyApp.controller.MyCOntroller', { 
    extend: 'Ext.app.Controller', 

    config: { 
     refs: { 
      OneList: 'onel',  
      TwoList: 'twol' 
     }, 

     control: { 
      "list": { 
       itemtap: 'onOnelTap' 
      }, 
      "list": { 
       itemtap: 'twolClicked' 
      } 
     } 
    }, 

    onOnelTap: function(dataview, index, target, record, e, eOpts) { 
     console.log("hhhhhh "+e.event.target.nodeName); 
    }, 

    courtRoomListClicked: function(dataview, index, target, record, e, eOpts) { 
     console.log(" 2 -- >list"); 
    } 

}); 

Answer 1

看來你還沒有宣佈你refs和controls正常。

比方說，你OneList有一個名爲one-list一個ID，然後裁判和控制應聲明如下：

config: { 
    refs: { 
     OneList: 'one-list' 
    }, 

    control: { 
     "OneList": { 
      itemtap: 'onOnelTap' 
     } 
    } 
}, 

剩下的就是好的。希望這可以幫助。

Answer 2

如果我理解正確的，你的control配置不好，你可能需要做這樣的

Ext.define('MyApp.controller.MyCOntroller', { 
    extend: 'Ext.app.Controller', 

    config: { 
     refs: { 
      // I assume that 'onel' and 'twol' are xtype of respective views 
      OneList: 'onel', 
      TwoList: 'twol' 
     }, 

     control: { 
      OneList: { 
       itemtap: 'onOnelTap' 
      }, 
      TwoList: { 
       itemtap: 'onTwolTap' 
      } 
     } 
    }, 

    onOnelTap: function(dataview, index, target, record, e, eOpts) { 
     console.log("onOnel Tap "); 
    }, 

    onTwolTap: function(dataview, index, target, record, e, eOpts) { 
     console.log("onTwol Tap"); 
    } 

});