[CLOSED] Default button

[jchau]

How can I achieve a default button behavior? For example, I have a triggerfield on my page for searching. When the cursor is in the textbox and user press enter, I want the page to postback and fire the TriggerClicked event. That's just one example. Same kind of behavior is desired for Listeners and AjaxEvents.

[jchau]

Any ideas?

[jchau]

This seems to work so in case anyone is wondering, here's how I solved it:

TriggerField markup

<ext:TriggerField runat="server" ID="txtSearch" EmptyText="Search..." AutoPostBack="true">
                                    <Triggers>
                                        <ext:FieldTrigger Icon="Clear" />
                                        <ext:FieldTrigger Icon="Search" />
                                    </Triggers>
                                    <Listeners>
                                        <SpecialKey Fn="searchKeyPressHandler" />
                                    </Listeners>
                                </ext:TriggerField>

External JS File

var searchKeyPressHandler = function(f, e) {
    if (e.getKey() == e.ENTER) {
        this.onTriggerClick(e, this, {index: 1, t: this.getTrigger(1), preventDefault:true});
        e.stopEvent();
    }
}

Make sure to do e.stopEvent() to prevent a double postback. This should also work for AjaxEvents. Please let me know if there's a better way to handle this.