Use the GetControlCollection method on the client side to gain access to the collection of all DevExpress client object instances..
A particular web control object can be accessed either by its unique hierarchically-qualified identifier, using the ASPxClientControlCollection.GetByName method.
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="_Default" %><%@RegisterAssembly="DevExpress.Web.ASPxEditors.v11.1, Version=11.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"Namespace="DevExpress.Web.ASPxEditors"TagPrefix="dx" %><!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>How to navigate between editors by pressing the Enter key like by the Tab key
</title><scripttype="text/javascript">functionDoProcessEnterKey(htmlEvent, editName) {
if (htmlEvent.keyCode == 13) {
ASPxClientUtils.PreventEventAndBubble(htmlEvent);
if (editName) {
ASPxClientControl.GetControlCollection().GetByName(editName).SetFocus();
} else {
btn.DoClick();
}
}
}
</script></head><body><formid="form1"runat="server"><div><table><tr><td>
Focus the first editor and press the Enter key
</td></tr><tr><td><dx:ASPxTextBoxID="ASPxTextBox1"runat="server"ClientInstanceName="tb1"Width="170px"><ClientSideEventsKeyDown="function(s, e) { DoProcessEnterKey(e.htmlEvent, 'tb2'); }" /></dx:ASPxTextBox></td></tr><tr><td><dx:ASPxTextBoxID="ASPxTextBox2"runat="server"ClientInstanceName="tb2"Width="170px"><ClientSideEventsKeyDown="function(s, e) { DoProcessEnterKey(e.htmlEvent, 'tb3'); }" /></dx:ASPxTextBox></td></tr><tr><td><dx:ASPxTextBoxID="ASPxTextBox3"runat="server"ClientInstanceName="tb3"Width="170px"><ClientSideEventsKeyDown="function(s, e) { DoProcessEnterKey(e.htmlEvent, ''); }" /></dx:ASPxTextBox></td></tr><tr><td><dx:ASPxButtonID="btn"runat="server"AutoPostBack="False"ClientInstanceName="btn"UseSubmitBehavior="true"OnClick="btn_Click"Text="Do PostBack"></dx:ASPxButton></td></tr></table></div></form></body></html>
<%@PageLanguage="vb"AutoEventWireup="true"CodeFile="Default.aspx.vb"Inherits="_Default" %><%@RegisterAssembly="DevExpress.Web.ASPxEditors.v11.1, Version=11.1.8.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a"Namespace="DevExpress.Web.ASPxEditors"TagPrefix="dx" %><!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>How to navigate between editors by pressing the Enter key like by the Tab key
</title><scripttype="text/javascript">functionDoProcessEnterKey(htmlEvent, editName) {
if (htmlEvent.keyCode == 13) {
ASPxClientUtils.PreventEventAndBubble(htmlEvent);
if (editName) {
ASPxClientControl.GetControlCollection().GetByName(editName).SetFocus();
} else {
btn.DoClick();
}
}
}
</script></head><body><formid="form1"runat="server"><div><table><tr><td>
Focus the first editor and press the Enter key
</td></tr><tr><td><dx:ASPxTextBoxID="ASPxTextBox1"runat="server"ClientInstanceName="tb1"Width="170px"><ClientSideEventsKeyDown="function(s, e) {DoProcessEnterKey(e.htmlEvent, 'tb2');}" /></dx:ASPxTextBox></td></tr><tr><td><dx:ASPxTextBoxID="ASPxTextBox2"runat="server"ClientInstanceName="tb2"Width="170px"><ClientSideEventsKeyDown="function(s, e) {DoProcessEnterKey(e.htmlEvent, 'tb3');}" /></dx:ASPxTextBox></td></tr><tr><td><dx:ASPxTextBoxID="ASPxTextBox3"runat="server"ClientInstanceName="tb3"Width="170px"><ClientSideEventsKeyDown="function(s, e) {DoProcessEnterKey(e.htmlEvent, '');}" /></dx:ASPxTextBox></td></tr><tr><td><dx:ASPxButtonID="btn"runat="server"AutoPostBack="False"ClientInstanceName="btn"UseSubmitBehavior="true"OnClick="btn_Click"Text="Do PostBack"></dx:ASPxButton></td></tr></table></div></form></body></html>