Here's a simple code sample. I can tab from ColC-->ColD-->ColA (of next row). I want to be able to tab from ColA --> ColD --> ColA (of next row). The grid is not usable if the user has to use mouse to click on each combobox cell to edit it.
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="ArrayGrid.aspx.vb" Inherits="CooliteSandbox.ArrayGrid" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
If Not Ext.IsAjaxRequest Then
Me.Store1.DataSource = New Object() {New Object() {"Test1", "Test1", 5, 10}, New Object() {"Test2", "Test2", 10, 15}}
Me.Store1.DataBind()
End If
End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body style="padding: 10px">
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server" />
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="ColA" />
<ext:RecordField Name="ColB" />
<ext:RecordField Name="ColC" Type="Float" />
<ext:RecordField Name="ColD" Type="Float" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
<ext:GridPanel ID="GridPanel1" runat="server" StoreID="Store1" StripeRows="true"
TrackMouseOver="true" Width="600" Height="350" Icon="Application" Title="Grid Navigation"
ClicksToEdit="1">
<ColumnModel runat="server">
<Columns>
<ext:Column ColumnID="ColA" Header="ColA" Sortable="true" DataIndex="ColA">
<Editor>
<ext:ComboBox runat="server">
<Items>
<ext:ListItem Text="Test1" Value="Test1" />
<ext:ListItem Text="Test2" Value="Test2" />
<ext:ListItem Text="Test3" Value="Test3" />
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ColumnID="ColB" Header="ColB" Sortable="true" DataIndex="ColB">
<Editor>
<ext:ComboBox runat="server">
<Items>
<ext:ListItem Text="Test1" Value="Test1" />
<ext:ListItem Text="Test2" Value="Test2" />
<ext:ListItem Text="Test3" Value="Test3" />
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column ColumnID="ColC" Header="ColC" Sortable="true" DataIndex="ColC">
<Editor>
<ext:TextField runat="server">
</ext:TextField>
</Editor>
</ext:Column>
<ext:Column ColumnID="ColD" Header="ColD" Sortable="true" DataIndex="ColD">
<Editor>
<ext:TextField runat="server">
</ext:TextField>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel runat="server" SingleSelect="true" />
</SelectionModel>
<View>
<ext:GridView ForceFit="true">
</ext:GridView>
</View>
</ext:GridPanel>
</form>
</body>
</html>