Call both DirectEvent and Listener for the same event

[thesti]

Hello,

Is it possible to define a handler of DirectEvent and Listener for the same event? For example I have this button, in which I define handlers for the click event at the DirectEvent and Listener. Here's the piece of code

                        <ext:Button ID="ButtonItemSave" runat="server" Text="Save" Icon="Disk">
                            <DirectEvents>
                                <Click OnEvent="ButtonItemSave_Click"></Click>
                            </DirectEvents>
                            <Listeners>
                                <Click Handler="#{ButtonItemSave}.setDisabled(true)" />
                            </Listeners>
                        </ext:Button>

On the code, when the button is clicked, I want to call server code ButtonItemSave_Click and also run the client script to disable the button. Is this possible? if not, is there any workaround. Any advice would be appreciated.

Thank you.

[Vladimir]

Yes, it is possible, your code should work fine

[thesti]

Hello,
Thanks for the reply. I found out that if the button is in a from with attribute MonitorValid="true" and the button is the subject of Client Validation event, then making it disabled after the click won't work.

Thanks!

[Vladimir]

Please post your test case

[equiman]

@Thesti I think you can solve your problem, but need keep two things in mind.

1. Add this property to the button FormBind="false"

2. You need to run first the listener. Returning true causes a DirectEvent to be fired.

<ext:Button ID="ButtonItemSave" runat="server" Text="Save" Icon="Disk" FormBind="false">
    <Listeners>
        <Click Handler="
                if ( !#{PanelForm}.getForm().isValid() ) { 
                        // Show all invalid field with error
                        #{PanelForm}.validate();
                        return false;
                } else { 
                        // Run DirectEvent
                        return true;
                }" />
    </Listeners>
    <DirectEvents>
        <Click OnEvent="ButtonItemSave_Click"></Click>
    </DirectEvents>
</ext:Button>

Now when the user click ButtonItemSave and the form is not valide, he see all the error but not take action. If form is valid then do ButtonItemSave_Click.

This post can help if you need more info:
http://forums.ext.net/showthread.php...-form-is-valid