Jul 11, 2011, 2:31 PM
[CLOSED] ComboBox keyboard navigation for grouped results
Hi, im trying to group an Combobox Result into GroupTitle > Results with an template.
The problem is that the keyboard navigation selects only the items on Level1.
Is there a way to set the ItemSelector Base to the complex RecordField "Results" (Level2) ?
The itemselector for mouse over is ok.
The problem is that the keyboard navigation selects only the items on Level1.
Is there a way to set the ItemSelector Base to the complex RecordField "Results" (Level2) ?
The itemselector for mouse over is ok.
<ext:Store ID="storeCustomers" runat="server" AutoLoad="true">
<Proxy>
<ext:HttpProxy Url="/Data/DoSearch"></ext:HttpProxy>
</Proxy>
<Reader>
<ext:JsonReader Root="data" TotalProperty="total">
<Fields>
<ext:RecordField Name="Title" />
<ext:RecordField Name="Results" IsComplex="true" />
</Fields>
</ext:JsonReader>
</Reader>
<BaseParams>
<ext:Parameter Name="Query" Value="cboxSearch.getText()" Mode="Raw"></ext:Parameter>
</BaseParams>
</ext:Store>
<ext:ComboBox ID="cboxSearch"
runat="server"
DisplayField="Name"
TypeAhead="false"
LoadingText="Search..."
HideTrigger="true" SelectOnFocus="true"
AutoWidth="true"
Width="200"
ListWidth="500"
Cls="search"
ItemSelector=".sitem" DataIndex="Results"
MinChars="1"
StoreID="storeCustomers">
<Template ID="cboxSearchTemplate" runat="server">
<Html>
<tpl for=".">
<div class="sgroup">
<h3>{Title}</h3>
<tpl for="Results">
<div class="sitem">{Title}</div>
</tpl>
</div>
</tpl>
</Html>
</Template>
</ext:ComboBox>
Last edited by Daniil; Jul 18, 2011 at 2:43 PM.
Reason: [CLOSED]