Question

I have this button in Ext.Net:

<ext:Button ID="BtnEliminar" runat="server" Text="<%$ Resources:BaseLocalizedText, General_BotonEliminar%>"
    Icon="Delete" ToolTip="<%$ Resources:BaseLocalizedText, General_TooltipBotonEliminar%>" Disabled="true">
    <Listeners>
        <BeforeRender Handler="aceleradorTeclado(this, 'click', LocalizedScript.General_AceleradorTeclado_Eliminar, LocalizedScript.General_AceleradorTeclado_Eliminar_Tooltip);" />
        <Render Handler="asignarPermiso(this, 'Eliminar', true);" />
        <Click Handler="GridHandler.eliminar();" />
    </Listeners>
    <DirectEvents>
        <Click Url="~/Terminales/Eliminar/" CleanRequest="true" Complete="GridHandler.refresh()">
            <Confirmation ConfirmRequest="true" Title="<%$ Resources:BaseLocalizedText, General_TituloMensaje%>"
                Message="<%$ Resources:BaseLocalizedText, General_ConfirmacionBorrado%>" />
            <ExtraParams>
                <ext:Parameter Name="Serial" Value="GridHandler.valorColumna('Serial')" Mode="Raw"/>                            
            </ExtraParams>
        </Click>
    </DirectEvents>
</ext:Button>

I found how I can crete it in ExtJS, but don’t found how can add de DirectEvents:

if (validarPermiso('Eliminar')) {
    topbar.addButton({
        id: 'btnEliminar',
        xtype: 'button',
        text: LocalizedScript.General_BotonEliminar,
        iconCls: 'icon-delete',
        tooltip: LocalizedScript.General_TooltipBotonEliminar,
        handler: function () {
            GridHandler.eliminar();
        }
    });

    // Combinaciones de teclado
    aceleradorTeclado(btnEliminar, 'handler', LocalizedScript.General_AceleradorTeclado_Eliminar, LocalizedScript.General_AceleradorTeclado_Eliminar_Tooltip);
}

How I can add Direct Events to Button??

Thanks in Advance!!

Answer 1

I found a Way to solve it, using [DirectMethod]. Maybe can help others.

// Boton Eliminar
if (validarPermiso('Eliminar')) {
     topbar.addButton({
     id: 'btnEliminar',
     xtype: 'button',
     text: LocalizedScript.General_BotonEliminar,
     iconCls: 'icon-delete',
     tooltip: LocalizedScript.General_TooltipBotonEliminar,
     handler: function () {
          Ext.Msg.confirm(LocalizedScript.General_TituloMensaje, LocalizedScript.General_ConfirmacionBorrado, function (btn) {
               if (btn == "yes") {

                    // Si existen un registro seleccionado para eliminar
                    if (GridHandler.eliminar()) {
                         // Realiza el llamado al Controller para eliminar
                         Ext.net.DirectMethod.request({
                              url: GetNewPath(GridHandler.getPathEliminar()),
                              cleanRequest: true,
                              params: GridHandler.getPrimaryKey(GridHandler.getRecord()),
                              success: function (result) {
                                   //Ext.Msg.alert('Mensaje', result);
                              },                            
                              eventMask: {
                                   showMask: true,
                                   msg: LocalizedScript.General_Mask_Eliminar
                         }
                    });
               }
          }
          else {
               return false;
          }
     });
 },
});