Sep 08, 2010, 5:48 PM
[CLOSED] EditableGrid Plugin - Problem using Tab key
Hi,
I have a GridPanel that is loaded when my page is load (not PostBack). This grid contains columns to edit and after I will save the modifications.
The problem is that not all columns are editable, so when I'm editing the value of the 1st column, the 2nd and 3rd columns are not editable and the 4th column is editable I need to type the TAB key three times to put the cursor in the 4th column to edit the value.
Follows the exemple of my problem:
Thanks!
I have a GridPanel that is loaded when my page is load (not PostBack). This grid contains columns to edit and after I will save the modifications.
The problem is that not all columns are editable, so when I'm editing the value of the 1st column, the 2nd and 3rd columns are not editable and the 4th column is editable I need to type the TAB key three times to put the cursor in the 4th column to edit the value.
Follows the exemple of my problem:
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
if (!Page.IsPostBack)
{
storeTeste.DataSource = new object[]{
new object[]{1, "adfasd", 3, "01"},
new object[]{2, "adfasd", 5, "02"},
new object[]{3, "adfasd", 15, "03"},
new object[]{4, "adfasd", 47, "04"},
new object[]{5, "adfasd", 2, "05"}
};
storeTeste.DataBind();
}
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" />
<ext:GridPanel ID="gridTeste" runat="server" Width="500" Height="400" >
<Store>
<ext:Store ID="storeTeste" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="Col1" />
<ext:RecordField Name="Col2" />
<ext:RecordField Name="Col3" />
<ext:RecordField Name="Col4" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column DataIndex="Col1" Header="Column 1" >
<Editor>
<ext:TextField runat="server" />
</Editor>
</ext:Column>
<ext:Column DataIndex="Col2" Header="Column 2" />
<ext:Column DataIndex="Col3" Header="Column 3" />
<ext:Column DataIndex="Col4" Header="Column 4">
<Editor>
<ext:TextField runat="server" />
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<Plugins>
<ext:EditableGrid runat="server" />
</Plugins>
</ext:GridPanel>
</form>
</body>
</html>
Is there a way to type the TAB key once and set the cursor from the 1st column to the 4th one?Thanks!
Last edited by Daniil; Sep 09, 2010 at 3:13 PM.
Reason: [CLOSED]