Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
3475
RowEditingTemplate tabbing order
posted

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>

<td>

<ig:WebNumericEditor ID="wneEscrowPaymentNbr" runat="server"

Width="20px" DataMode="Int" MaxLength="2" MaxValue="98"MinValue="0"></ig:WebNumericEditor>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblEscrowType" runat="server" Text="Escrow Type" />

</td>

<td>

<ig:WebDropDown ID="wddEscrowType" runat="server"

DisplayMode="DropDownList" EnableDropDownAsChild="true" EnableClientRendering ="false"

style="z-index: 100000;" Width="200px" ></ig:WebDropDown>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblPayee" runat="server" Text="Payee Number" />

</td>

<td>

<ig:WebDropDown ID="wddPayee" runat="server"

DisplayMode="DropDownList" EnableDropDownAsChild="true" EnableRenderingAnchors="false"

style="z-index: 100000;" Width="200px" ></ig:WebDropDown>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblEscrowAmount" runat="server" Text="Escrow Amount" />

</td>

<td>

<ig:WebCurrencyEditor ID="wceEscrowAmount" runat="server" 

MaxLength="12" MaxValue="999999999.99" MinValue="0" Nullable ="true"

Width="95px"></ig:WebCurrencyEditor>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblPeriodicExpense" runat="server" Text="Periodic Expense" />

</td>

<td>

<ig:WebCurrencyEditor ID="wcePeriodicExpense" runat="server"

MaxLength="12" MaxValue="999999999.99" MinValue="0" Nullable ="true"

Width="95px"></ig:WebCurrencyEditor>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblNextDueDate" runat="server" Text="Next Due Date" />

</td>

<td>

<ig:WebDatePicker ID="wdpNextDueDate" runat="server" Nullable ="true"

MaxValue="2079-06-06" MinValue="1900-01-01"></ig:WebDatePicker>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblPayoutFrequency" runat="server" Text="Payout Frequency" />

</td>

<td>

<ig:WebDropDown ID="wddPayoutFrequency" runat="server"

DisplayMode="DropDownList" EnableDropDownAsChild="true" EnableClientRendering ="false"

style="z-index: 100000;" Width="200px" ></ig:WebDropDown>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblAccountNumber" runat="server" Text="Account Number" />

</td>

<td>

<asp:TextBox ID="txtAccountNumber" runat="server"

MaxLength ="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblMiscellaneous1" runat="server" Text="Miscellaneous #1" />

</td>

<td>

<asp:TextBox ID="txtMiscellaneous1" runat="server"

MaxLength ="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblMiscellaneous2" runat="server" Text="Miscellaneous #2" />

</td>

<td>

<asp:TextBox ID="txtMiscellaneous2" runat="server"

MaxLength ="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Button ID="buttonOK" runat="server"

OnClientClick="return"

Text="OK"

UseSubmitBehavior="False" />

<asp:Button ID="buttonCancel" runat="server"

CausesValidation="False"

OnClientClick="return"

Text="Cancel"

UseSubmitBehavior="False" />

</td>

</tr>

</table>

</div>

</Template>