2012-03-06 71 views
0

我想知道如何将itemmouseup图表系列的监听器添加到控制器中?如何在控制器中添加ExtJS4图表系列的监听器?

我控制器的init方法如下:

init: function() { 
    this.control({ 
     'candidateDistribution > treepanel' : { 
      itemclick: this.treeStoreItemClickHandler 
     }, 
     '#candidateDistributionButton' : { 
      click: this.candidateDistributionButton_ClickHandler 
     }, 
     'competitorAnalysis #slaWiseEmprDistriGrid series': { 
      itemmouseup: this.sLA_ItemMouseUpEventHandler 
     } 
    }); 
}, 

在这种情况下,organizationAnalysis #sLAWiseEmprDistriGrid seriesitemmouseup事件处理无法正常工作,但对的事情其余事件处理程序工作正常。

我试图将组件查询更改为competitorAnalysis > #slaWiseEmprDistriGrid seriescompetitorAnalysis > #slaWiseEmprDistriGrid[series],但它不起作用。

我不得不将这个itemmouseup事件处理程序添加到图表系列的代码中,该系列工作得很好,但我认为它打破了MVC模式。

代码为我的图如下:

xtype: 'chart', 
itemId: 'slaWiseEmprDistriGrid', 
store: 'SLAWiseCompetitorDistribution', 
flex: 2, 
animate: true, 
legend: { 
    position: 'right' 
}, 
insetPadding: 25, 
series: [{ 
    type: 'pie', 
    field: 'empCount', 
    showInLegend: true, 
    listeners: { 
     'itemmouseup': function(item) { 
      var record = item.storeItem; 
      var slaWiseEmpListStore = Ext.data.StoreManager.lookup('SLAEmployerList'); 
      slaWiseEmpListStore.proxy.extraParams['paramFirstDimensionValue']= record.get('name'); 
      serviceLineWiseEmpListStore.load(); 
     } 
    } 
}] // end of series configuration 

所以我想知道为什么会这样itemmouseup事件处理函数不是在控制器正常工作?

同样在未来,我想将此应用程序转换为Web桌面应用程序,但我无法在extjs文档站点上找到信息/文档/教程。我在哪里可以获得有关开发Web桌面应用程序的教程/文档?

在此先感谢!

回答

相关问题