[CLOSED] How to configure a message box for the Failure handler?

[vadym.f]

Hi,

I need to display a custom error prompt message box when a DirectEvent execution returns failure. I've noticed that I couldn't use the server side MessageBox object if I set the DirectEventArgs Success property to "false" in the DirectEvent code-behind. In that case, a generic error popup is shown.

Please suggest the best practice to achieve the desired behavior. I've been trying to do something like:

<DirectEvents>
<Click OnEvent="Button1_Click" Success="onSuccess();"
                                              Failure="Ext.Msg.show({
                                                        msg     : 'Failed: '+result.errorMessage,
                                                        width   : 400,
                                                        buttons : Ext.Msg.OK,
                                                        title   : 'Error',
                                                        icon    : 'icon-error',
                                                        fn      : 'onFailure'
                                            });"
</Click>
</DirectEvents>

        protected void Button1_Click(object sender, DirectEventArgs e)
        {
            bool res = false;

            if (!res)
            {
                e.Success = false;
                e.ErrorMessage = "Some error occured!";
            }
        }

However, the icon displayed is only 16x16 and, more importantly, the onFailure delegate is never invoked.

[Daniil]

Hi,

Yes, setting up

e.Success = false;

causes no JS script will be sent from server, just a success flag and an error message.

Our Failure Window is not an Ext.MessageBox. Please see the showFailure method here:

<Ext.NET sources root>\Ext.Net\Build\Ext.Net\extnet\core\direct\DirectEvent.js

the onFailure delegate is never invoked.

It must be a Function, not a string.

[vadym.f]

Hi,

Could you please provide a code sample to configure a message box on the client so that a large icon is displayed and a function is executed on the button click?

Ext.Msg.show({
            msg       : 'Failed: '+result.errorMessage,
            width     : 400,
            buttons  : Ext.Msg.OK,
            title       : 'Error',
            icon       : 'icon-error',
            fn          : 'onFailure'
});

[Daniil]

Well, the default Error icon looks to be 32x32.

And, seems, you have missed the following comment.

It must be a Function, not a string.

Example

Ext.Msg.show({
    icon     : Ext.Msg.ERROR,
    buttons  : Ext.Msg.OK,
    fn       : function (btn) {
        alert(btn);
    }
});

[vadym.f]

Well, the default Error icon looks to be 32x32.

And, seems, you have missed the following comment.

Example

Ext.Msg.show({
    icon     : Ext.Msg.ERROR,
    buttons  : Ext.Msg.OK,
    fn       : function (btn) {
        alert(btn);
    }
});

Thanks Daniil, that's what I was looking for! Could you also provide me with the link to info on all the configuration options available for Ext.Msg.show() method?

[Daniil]

Here it is.
http://docs.sencha.com/ext-js/3-4/#!/api/Ext.MessageBox-method-show

[vadym.f]

Thanks again! Please mark this thread as resolved.