I have two combos as in the example https://examples1.ext.net/#/Form/Com...Linked_Combos/


The difference being that both of my combos have data stores attached to them.


The stores:
<ext:Store ID="StoreRoomTypes" runat="server">


<Reader>


<ext:JsonReader>


<Fields>


<ext:RecordField Name="RoomTypeID" Type="Int" Mapping="RoomTypeID" />


<ext:RecordField Name="Description" Type="String" Mapping="Description" />


</Fields>


</ext:JsonReader>


</Reader>


</ext:Store>



<ext:Store ID="StoreAvailableRooms" runat="server" AutoLoad="false" OnRefreshData="FreeBedRefreshData">


<AjaxEventConfig>


<EventMask ShowMask="false" />


</AjaxEventConfig>


<Reader>


<ext:JsonReader>


<Fields>


<ext:RecordField Name="BedID" Type="Int" Mapping="BedID" />


<ext:RecordField Name="BedRef" Type="String" Mapping="BedRef" />


</Fields>


</ext:JsonReader>


</Reader>


<Listeners>


<Load Handler="#{ComboNewBed}.setValue(#{ComboNewBed}.store.getAt(0).get('BedID'));" />


</Listeners>


</ext:Store>

The Combos in a formlayout:
<ext:FormLayout ID="MoveDetaineeFormlayout" runat="server">


<ext:Anchor>


<ext:ComboBox 


ID="ComboRoomType" 


runat="server" 


Editable="false"


FieldLabel="New Room Type" 


StoreID="StoreRoomTypes" 


DisplayField="Description" 


ValueField="RoomTypeID"


Mode="Local"


Width="250" 


Select&#111;nfocus="true">


<SelectedItem Value="All" />


<Listeners>


<Select Handler="#{ComboNewBed}.clearValue(); #{StoreAvailableRooms}.reload();" />


</Listeners> 


</ext:ComboBox>


</ext:Anchor> 



<ext:Anchor>


<ext:ComboBox 


ID="ComboNewBed" 


runat="server" 


FieldLabel="New Bed" 


StoreID="StoreAvailableRooms" 


DisplayField="BedRef" 


ValueField="BedID" 


Width="100" 


ForceSelection="true"


EmptyText="Loading..."


ValueNotFoundText="Loading...">


</ext:ComboBox>


</ext:Anchor> 


</ext:FormLayout>

My code behind works as the example.



Scenario:
The first combo is selected and drops down a list of items as expected, an item is selected for the first combo. The code behind fires and re-creates the second combos datasource and re-binds the data.


Problem, the first combo's drop down list remains visible, covering the second combo, and I have to click away from the combo to cancel the drop down.


Anyone got an idea for this?