模擬菜單項點擊

Question

我有一個菜單3項。如果某個條件爲真，我想在渲染頁面之前模擬一個項目點擊，例如設置要選擇的默認操作。我動態地創建我的菜單。

Store.each(function(n) { 
    var rec = n; 

     var menuItem = new Ext.menu.Item({ 
      text: rec.data.name, 
      value: rec.data.url, 

     }); 

     Menu.add(menuItem); 

     //if some condition set item as if it was clicked(selected) 

}); 

我想設置一個菜單中的某個項目作爲活動，就像它被點擊一樣。

Answer 1

如果您使用.fireEvent()方法，您可以在菜單項上觸發一個click事件。

所以，

if(some condition){ 
    menuItem.fireEvent('click'); 
} 

此外，您將需要在菜單項的監聽器捕獲此事件

var menuItem = new Ext.menu.Item({ 
    text: "menu Item", 
    listeners:{ 
     click:function(){ alert("you clicked the menu item"); } 
    } 
}); 

這裏是一個工作示例： http://jsfiddle.net/9Lpg7/

最後，我想想補充一點，fireEvent()我不是完全必要的。由於menuItem具有handler配置，因此您可以簡單地在別處定義函數，並將其用作menuItem處理程序，並在條件爲真時調用它。

var myClickFunction = function(){ alert("cooler way"); } 

var menuItem = new Ext.menu.Item({ 
    text: "menu Item", 
    handler:myClickFunction 
}); 

if(some condition){ 
    myClickFunction(); 
}