How abt if i have a container for each fied, something like this
Please advise..
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html>
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" SourceFormatting="True" />
<ext:FormPanel runat="server">
<KeyMap>
<ext:KeyBinding>
<Keys>
<ext:Key Code="ENTER" />
</Keys>
<Listeners>
<Event Handler="jump(e);">
</Event>
</Listeners>
</ext:KeyBinding>
</KeyMap>
<Items>
<ext:TextField runat="server" ID="TextField1">
</ext:TextField>
<ext:Container runat="server" Layout="FormLayout">
<Items>
<ext:TextField runat="server" ID="TextField2">
</ext:TextField></Items>
</ext:Container>
<ext:Container ID="Container1" runat="server" Layout="FormLayout">
<Items><ext:TextArea runat="server" ID="TextArea1">
</ext:TextArea></Items>
</ext:Container>
</Items>
</ext:FormPanel>
<script type="text/javascript">
var jump = function (e) {
var targetEl = Ext.get(e.target.id),
targetCmp = Ext.getCmp(e.target.id),
fieldEl = targetEl.up('[class=x-form-item ]') || {};
if (!targetCmp.isXType('field') || targetCmp == null || (!e.shiftKey && targetCmp.isXType('textarea')))
return;
var next = fieldEl.next('[class=x-form-item ]');
// focus the next field if it exists
if (next && next.child('.x-form-field')) {
e.stopEvent();
next.child('.x-form-field').focus();
}
}
</script>
</form>
</body>
</html>