Ronhead escribió:si lo vi pero, no se como obtener el xy del boton y como hacer el listener con el boton derecho solo conozco el rowdbclick y el rowclick

:S

gracias garras como siempre

Código: Seleccionar todo

grid.contextMenu.showAt(xy);

Código: Seleccionar todo

   var contextmenu = new Ext.menu.Menu({
     id: 'contextMenu',
     items: [ 
      {
         text: 'Bajar...',
         icon:'icons/download.png'             
      },{
         text: 'Editar...',
         icon:'icons/edit.png'             
      },{
         text: 'Borrar',
         icon:'icons/delete.gif'               
      }]
   });

Código: Seleccionar todo

var grid = new Ext.grid.GridPanel({
         store: store,
         columns: [
            {header: "Tipo de Pago", width: 120, dataIndex: 'local', sortable: true},
             {header: "Transacciones", width: 180, dataIndex: 'codigo', sortable: true},
             {header: "Monto Recaudado", width: 180, dataIndex: 'nombre', sortable: true}
         ],
         listeners: {
                   rowdblclick: function(event){
                        if( grid.selModel.hasSelection()){
                          var selectedRow = grid.getSelectionModel().getSelected();
                           
                          var valor = selectedRow.get("loc_numero");
                  

               grid.contextMenu.showAt(xy);

               
                           }
                  }
            },


   

         viewConfig: {forceFit: true},
         sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
         /************************************************************
          * Añade paginación en la barra inferior de la ventana
          ************************************************************/
         bbar: new Ext.PagingToolbar({
                 pageSize: 10,
                 store: store,
                 displayInfo: true,
                 displayMsg: "Mostrando {0} - {1} de {2}"
             }),
         stripeRows: true,
         width:1024,
         height:450,
         frame: false,
         title: 'Se incluye venta y recaudacion (Monto Venta - Vuelto)',
         loadMask: {msg:'Cargando Datos...'}
      });
   
     grid.render('grid-example');

    grid.getSelectionModel().selectFirstRow();

Código: Seleccionar todo

listeners: {
               cellcontextmenu:function(e){
            
                  x = event.clientX + document.body.scrollLeft;
                  y = event.clientY + document.body.scrollTop;

                        if( grid.selModel.hasSelection()){
                          var selectedRow = grid.getSelectionModel().getSelected();
                          var valor = selectedRow.get("loc_numero");
                    contextmenu.showAt([x, y]);
                           }
                  
                  }

Código: Seleccionar todo

function grid_rowcontextmenu(grid, rowIndex, e){
   e.stopEvent();
   var xy = e.getXY();
   grid.contextMenu=conMenu;
   grid.contextMenu.showAt(xy);
   event.cancelBubble=true;
}

Código: Seleccionar todo

listeners: {
   cellcontextmenu:grid_rowcontextmenu()
}

Código: Seleccionar todo

  /***************************************************************
    * añadir un menu contextual en cada fila del grid
    ***************************************************************/
var contextmenu = new Ext.menu.Menu({
        id: 'contextMenu',
        allowOtherMenus: false,
        items: [ 
       {
           text: 'Añadir Documentos a este registro',
           handler: function() {
             var selectedId = gridPanel.selModel.selections.keys;
             if (selectedId.length > 0) {
                  var record = gridPanel.selModel.getSelections();
                  var indice = record[0].get('num_bar');
                new formDocBar(dataStore, indice);
                win.hide();
             }
             else
             {
                Ext.MessageBox.alert('Error',
                'Para añadir documentos adjuntos, por favor seleccione
al menos un registro al que adjuntar documentos'
                );
             }             
         },
           iconCls:'upload-icon'             
       },'-',{
           text: 'Editar este registro',
           handler: function(){
               // action para modificar el usuario seleccionado ahora
              var selectedKeys = gridPanel.selModel.selections.keys;
             if(selectedKeys.length > 0) // comprobamos que exista un registro seleccionado
             {
                  new editBar(dataStore, selectedKeys);
                  win.hide();             
             }
             else
             {
                Ext.MessageBox.alert('Error',
                'Para modificar un registro, por favor seleccione
al menos un registro para continuar'
                );
             }       
           },
           iconCls:'edit'             
       },'-',{
           text: 'Borrar este registro',
           handler: function(){
               // action para borrar el usuario seleccionado ahora
              var selectedKeys = gridPanel.selModel.selections.keys;
             if(selectedKeys.length > 0)
             {
                var record = gridPanel.selModel.getSelections();
                  var indice01 = record[0].get('num_bar');
                  var indice02 = record[0].get('nombre_establecimiento');
                  var registro = "Id: " + selectedKeys + "
Núm.: " + indice01 + " Nombre: " + indice02;
                deleteBar(dataStore, gridPanel, selectedKeys, registro);
              }else{
                Ext.MessageBox.alert('Error',
                 'Para borrar un registro, por favor seleccione
al menos un registro para continuar'
                );
             }
           },
           iconCls:'remove'               
       }]
});

Código: Seleccionar todo

    gridPanel.on('rowcontextmenu', function(gridPanel, rowIndex, e) {
       contextmenu.showAt(e.getXY());
   });