Won't AutoCompleteBox fire JS events?

[Yan Moura]

I would like to implement a feature that depends on what user types in -- so I need to constantly check the contents of the input box. The obvious way of doing it is by running a JS function invoked by the onkeyup (or onkeypress, etc) but AutoCompleteBox is not firing the event.

A snippet of my code:

<script>
function ChangeTest() {
   console.log('changed');
}
</script>

<telerik:RadAutoCompleteBox RenderMode="Lightweight" runat="server" ID="RadAutoCompleteBox1"
            autopostback="true"
            DataSourceID="SqlDataSource1" DataTextField="field1" DataValueField="field2" InputType="Token" Width="100%"
            DropDownWidth="150px"
            OnEntryAdded="RadAutoCompleteBox1_EntryAdded"
            OnEntryRemoved="RadAutoCompleteBox1_EntryRemoved"
            OnClientEntryAdded="CheckEntry"
            OnClientEntryRemoved="CheckEntry"
            onkeyup="ChangeTest"
>

 

What am I doing wrong?

Thanks!

[Rumen]

Hi there,

You can see how to attach to the keypress event of the autocomplete input in this KB article: https://www.telerik.com/support/kb/aspnet-ajax/autocompletebox/details/allow-to-select-only-one-text-item-or-a-single-token-item-in-radautocompletebox, e.g.

<script>
    function OnClientLoad(sender, args) {
        $telerik.$(sender.get_inputElement()).on('keypress', function (e) {
            ...
        });
    }
</script>
<telerik:RadAutoCompleteBox runat="server" Width="250px" EmptyMessage="Choose a single text item..."
    InputType="text" TextSettings-SelectionMode="Single" ID="RadAutoCompleteBox1" OnClientLoad="OnClientLoad">
</telerik:RadAutoCompleteBox>

 

Regards,
Rumen
Progress Telerik

[Yan Moura]

Thank you, Rumen. It did the trick!