Cascading AutoComplete TextBoxes

In this demo I build on the previous 2 demos in this section. I take an Atlas feature named AutoComplete behavior and modify its JavaScript class definition to become what I named "Cascading AutoComplete" behavior.

When you insert or edit a record, you will see textboxes instead of dropdown lists. As you enter the textbox, if it were empty (upon insert), then the first 20 of all possible values will be displayed. As you type any letter, the displayed list will be filtered to match items that start with the typed letters. If there is more than one item that matched the typed letters and you tab out of the textbox, the first item in the displayed list will be picked up.

Notice that I have placed my customized Javascript class in a separate file named 'AutoComplete.js' and placed the following markup in the master page of this site:

<atlas:ScriptManager runat="server" ID="scriptManager" EnablePartialRendering="true" >

        <Scripts>

            <atlas:ScriptReference ScriptName="Custom" Path="AutoComplete.js" />

        </Scripts>

</atlas:ScriptManager>