日期:2014-05-16  浏览次数:20391 次

Extjs给控件添加右键菜单
//以 grid 为例

Ext.onReady(function(){

         Vargrid = new Ext.grid.GridPanel({

                   Title:’表格实例’,

renderTo:Ext.getBody(),

//定义导入数据源到表格

                   Store:store,

Width:400,

Height:400,

Columns:[{

         Header:’姓名’,

dataIndex:’name’,

sortable:treu

},{

         Header:’年龄’,

         dataIndex:’age,

         sortable:treu

},{

         Header:’性别’,

dataIndex:’sex,

sortable:treu

}]

})



//创建右键菜单选项键

Var rightMenu = new Ext.menu.Menu({

         Id:’rightclickCount’,

         Items:[

{

Id:’rMenu1’,

Text:”添加新学生”,

Handler:function(){

         Alert(“右键菜单一”);

//事件函数调用

}

        

},{

Id:’rMenu2’,

Text:’学社信息’,

Handler:function(){

         Alert(“右键菜单二”);

                   //事件函数调用

}’

},{

Id:’rMenu3’,

Text:’删除’,

Handler:function(){

         Alert(“右键菜单三”);

                   //事件函数调用

}’

}

]



})

//右键触发事件

Function RightClickMenuFn(){

e.preventDefault();  
         //定位。显示 右键菜单
      rightMenu.showAt(e.getXY());

}

?


// 给控件添加右键菜单触发事件(rowcontextmenu)
grid.addListener('rowcontextmenu', RightClickMenuFn);



})



Extjs  grid 加入右键菜单。

receiveListGrid.on("rowcontextmenu",function(grid,rowIndex,e){ 
        e.preventDefault(); 
        if(rowIndex<0){return;} 
        var treeMenu = new Ext.menu.Menu 
        ([ 
            { 
                xtype:"", 
                text:"详细", 
                icon:"resources/images/default/dd/drop-yes.gif", 
                pressed:false, 
                handler:function(){ 
                    //获得行数据  
         &n