[CLOSED] Custom Search Combobox entry

[sriram]

Hi,

I am using the custom search combobox, when I try to enter some text, it retrieves the data based on the text. However, it by default selects the first entry in the dropdown box. So, if a user presses the tab button, it selects the first record.

Example:

user enters: jo
it displays: John (default selected), Josh

At this point if the user presses the tab button,

Current behavior: John is displayed in the text area and the focus goes to the next control in the form
My requirement: jo should be displayed in the text area and the focus should go to the next control. If the user presses the down arrow in the dropdown and presses the enter button, it should select it at that point.

Please help..it's very urgent.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="HospitalPhysiciansListControl.ascx.cs" Inherits="HospitalPhysiciansListControl" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<ext:Store ID="PhysicianListControlStore" 
    runat="server"
    OnRefreshData="RefreshPhysicians" >
    <Proxy>
        <ext:PageProxy />
    </Proxy>
    <Reader>
        <ext:JsonReader>
            <Fields>
                <ext:RecordField Mapping="HospitalPhysicianId" Name="HospitalPhysicianId" />
                <ext:RecordField Mapping="PhysicianName" Name="PhysicianName" />
                <ext:RecordField Mapping="HomePhoneNumber" Name="HomeNumber" />
                <ext:RecordField Mapping="PagerNumber" Name="PagerNumber" />
                <ext:RecordField Mapping="MobileNumber" Name="MobileNumber" />
                <ext:RecordField Mapping="WorkNumber" Name="WorkNumber" />
            </Fields>
        </ext:JsonReader>
    </Reader>
    <SortInfo Field="PhysicianName" Direction="ASC" />
</ext:Store>

<ext:ComboBox ID="cmbHospitalPhysicians"
         Width="400" 
         runat="server" 
         StoreID="PhysicianListControlStore" 
         TypeAhead="false"
         ListClass="TableTextBox"
         HideTrigger="true" 
         LoadingText="Searching..."
         Editable="true"
         ForceSelection="false"
         AutoFocus="false"
         MinChars="0"
         EnableKeyEvents="true"
         DisplayField="PhysicianName" 
         ValueField="PhysicianName"
         FieldClass="RequiredTextField"
        EmptyClass="RequiredTextField"
        InvalidClass="RequiredTextField"
        TabIndex="3"
        AllowBlank="false">
        <Listeners>
            <Select Fn="PhysicianSelected" />
        </Listeners>
</ext:ComboBox>

Thanks,
Sriram.

[Daniil]

Hi,

Please wrap the code you posted in [CODE] tags, see
Forum Guidelines For Posting New Topics

[sriram]

Sorry about that! Here is the code..

Thanks,
Sriram.

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="HospitalPhysiciansListControl.ascx.cs" Inherits="HospitalPhysiciansListControl" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<ext:Store ID="PhysicianListControlStore" 
runat="server"
OnRefreshData="RefreshPhysicians" >
<Proxy>
<ext:PageProxy />
</Proxy>
<Reader>
<ext:JsonReader>
<Fields>
<ext:RecordField Mapping="HospitalPhysicianId" Name="HospitalPhysicianId" />
<ext:RecordField Mapping="PhysicianName" Name="PhysicianName" />
<ext:RecordField Mapping="HomePhoneNumber" Name="HomeNumber" />
<ext:RecordField Mapping="PagerNumber" Name="PagerNumber" />
<ext:RecordField Mapping="MobileNumber" Name="MobileNumber" />
<ext:RecordField Mapping="WorkNumber" Name="WorkNumber" />
</Fields>
</ext:JsonReader>
</Reader>
<SortInfo Field="PhysicianName" Direction="ASC" />
</ext:Store>

<ext:ComboBox ID="cmbHospitalPhysicians"
Width="400" 
runat="server" 
StoreID="PhysicianListControlStore" 
TypeAhead="false"
ListClass="TableTextBox"
HideTrigger="true" 
LoadingText="Searching..."
Editable="true"
ForceSelection="false"
AutoFocus="false"
MinChars="0"
EnableKeyEvents="true"
DisplayField="PhysicianName" 
ValueField="PhysicianName"
FieldClass="RequiredTextField"
EmptyClass="RequiredTextField"
InvalidClass="RequiredTextField"
TabIndex="3"
AllowBlank="false">
<Listeners>
<Select Fn="PhysicianSelected" />
</Listeners>
</ext:ComboBox>

[Daniil]

Thanks.

Please add

var onRender = function () {
    this.keyNav.tab = function () {
        this.collapse();
    };
}

****
<ext:ComboBox ...>
    ...
    <Listeners>
        <AfterRender Fn="onRender" />
    </Listeners>
</ext:ComboBox>