extjs下拉列表

Question

点击actioncolumn的图表生成一个下拉列表，就像这样的var menu = new Ext.menu.Menu({});
 menu.add({id: 'menu1',text:'menu1'});
 menu.add({id: 'menu2',text:'menu2'});
 menu.add({id: 'menu3',text:'menu3'});
 menu.add({id: 'menu4',text:'menu4'});
function showMenus(Order){
   menu.show(Order);
  }var Order=new Ext.tab.Panel({  
        id:'Order',  
        title:'订单',  
frame:true,
        region:'south', 
height:150, 
width:'80%',   
split:true,
xtype: 'tabpanel',
activeTab: 0,
tabPosition: 'bottom',
items: [{
xtype: "gridpanel",
                    title: '订单',
autoScroll: true,
columns : 
[{

align : "Center",
text:"操作",
sortable: false,
xtype: 'actioncolumn',
width:80,
forceFit : true,
items: 
[{
icon: 'de.png', 
tooltip: 'Close',
handler :showMenus
}],
},
{text:"Name",dataIndex:'name'},
{text:"age",dataIndex:'age'},
{text:"email",dataIndex:'email'},
],
store : store,
},
{
                    html: '<p>账户历史</p>',
                    title: '账户历史',
                    autoScroll: true
},
{
                    html: '<p>操作记录</p>',
                    title: '操作记录',
                    autoScroll: true
}],             
}); 我这样写的话，列表显示的有问题，应该怎么做？