Infragistics4.Web.v11.1, Version=11.1.20111.2238
I have a WebDataGrid with a RowEditingTemplate that contains multiple controls. When the template is opened, first control in the template (WebNumericEditor) has focus. Then the tab button is selected and the next control to get focus is the next control that is not a WebDropDrop. As you tab through the controls, all the WebDropDown controls are skipped. If you manually select a WebDropDown then tab, the next WebDropDown will get focus. I have attached a file that shows this behavior. I am loading the WebDropDowns from a DataTable. I show this and the HTML below. How can I get the tabbing to work correctly? Thanks.
Loading the WebDropDowns:
dt =New DataTable
dt.Load(DataReader)
escrowType =
CType(wdgEscrow.Behaviors.EditingCore.Behaviors.RowEditTemplate.TemplateContainer.FindControl("wddEscrowType"), ListControls.WebDropDown)
Dim blankEntry As New Infragistics.Web.UI.ListControls.DropDownItem
With escrowType
.ValueField = GlobalConstants.FieldOptionItems.Value
.TextField = GlobalConstants.FieldOptionItems.Description
.DataSource = dt
.DataBind()
.Items.Insert(0, blankEntry)
End With
HTML:
<Template>
<div style="background-color:white;border:1px solid black; ">
<table border="0" >
<tr>
<td>
<asp:Label ID="lblEscrowPaymentNbr" runat="server" Text="Payment Number" />
</td>
<ig:WebNumericEditor ID="wneEscrowPaymentNbr" runat="server"
Width="20px" DataMode="Int" MaxLength="2" MaxValue="98"MinValue="0"></ig:WebNumericEditor>
</tr>
<asp:Label ID="lblEscrowType" runat="server" Text="Escrow Type" />
<ig:WebDropDown ID="wddEscrowType" runat="server"
DisplayMode="DropDownList" EnableDropDownAsChild="true" EnableClientRendering ="false"
style="z-index: 100000;" Width="200px" ></ig:WebDropDown>
<asp:Label ID="lblPayee" runat="server" Text="Payee Number" />
<ig:WebDropDown ID="wddPayee" runat="server"
DisplayMode="DropDownList" EnableDropDownAsChild="true" EnableRenderingAnchors="false"
<asp:Label ID="lblEscrowAmount" runat="server" Text="Escrow Amount" />
<ig:WebCurrencyEditor ID="wceEscrowAmount" runat="server"
MaxLength="12" MaxValue="999999999.99" MinValue="0" Nullable ="true"
Width="95px"></ig:WebCurrencyEditor>
<asp:Label ID="lblPeriodicExpense" runat="server" Text="Periodic Expense" />
<ig:WebCurrencyEditor ID="wcePeriodicExpense" runat="server"
<asp:Label ID="lblNextDueDate" runat="server" Text="Next Due Date" />
<ig:WebDatePicker ID="wdpNextDueDate" runat="server" Nullable ="true"
MaxValue="2079-06-06" MinValue="1900-01-01"></ig:WebDatePicker>
<asp:Label ID="lblPayoutFrequency" runat="server" Text="Payout Frequency" />
<ig:WebDropDown ID="wddPayoutFrequency" runat="server"
<asp:Label ID="lblAccountNumber" runat="server" Text="Account Number" />
<asp:TextBox ID="txtAccountNumber" runat="server"
MaxLength ="20" Width="200px"></asp:TextBox>
<asp:Label ID="lblMiscellaneous1" runat="server" Text="Miscellaneous #1" />
<asp:TextBox ID="txtMiscellaneous1" runat="server"
<asp:Label ID="lblMiscellaneous2" runat="server" Text="Miscellaneous #2" />
<asp:TextBox ID="txtMiscellaneous2" runat="server"
<asp:Button ID="buttonOK" runat="server"
OnClientClick="return"
Text="OK"
UseSubmitBehavior="False" />
<asp:Button ID="buttonCancel" runat="server"
CausesValidation="False"
Text="Cancel"
</table>
</div>
</Template>
Thank you. Normally the next control on the page will have the focus on tabbing. I have set TabIndex="1" on my WebDropDown control only and they are now selected in the tabbing order.
Hello Autumn,
Thank you for contacting Infragistics!
The Tabindex of the each control. The Tabindex determines the order in which the focus goes to. For more information, please refer to the following documentation:
http://msdn.microsoft.com/en-us/library/ms178231(v=vs.100).aspx
If you have any questions, please let me know as well.