This is a migrated thread and some comments may be shown as answers.

Tabbing from a combobox

1 Answer 19 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Neil N
Top achievements
Rank 1
Veteran
Iron
Neil N asked on 21 Aug 2012, 07:45 PM
I've modelled a grid from your combobox demo here: http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/comboingrid/defaultvb.aspx?product=combobox and it's exhibiting the same unwanted tabbing behaviour.  That is, tabbing off the combox seems to go to the grid header instead of the next field.  How can I fix this?

<telerik:RadGrid ID="grdSalesLeads" GridLines="None" runat="server" AllowAutomaticDeletes="True"
        AllowAutomaticInserts="True" PageSize="30" AllowAutomaticUpdates="True" AllowPaging="True"
        AllowSorting="true" AllowFilteringByColumn="true"
        AutoGenerateColumns="False" DataSourceID="dsSalesLeads" CellSpacing="0"
        OnItemCommand="grdSalesLeads_ItemCommand" OnItemDataBound="OnItemDataBoundHandler">
        <PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Bottom" DataKeyNames="SalesID"
        DataSourceID="dsSalesLeads" EditMode="InPlace">
<CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"
                ShowExportToCsvButton="true" />
<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
    <Columns>
        <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
           <ItemStyle CssClass="MyImageButton" />
        </telerik:GridEditCommandColumn>
        <telerik:GridBoundColumn DataField="SalesID" DataType="System.Decimal"
            FilterControlAltText="Filter SalesID column" HeaderText="SalesID"
            ReadOnly="True" SortExpression="SalesID" UniqueName="SalesID" Visible="false">
        </telerik:GridBoundColumn>
        <telerik:GridTemplateColumn UniqueName="ProspectName" HeaderText="ProspectName" SortExpression="ProspectName" >
            <ItemTemplate>
                <%#DataBinder.Eval(Container.DataItem, "ProspectName")%>
            </ItemTemplate>
            <EditItemTemplate>
                <telerik:RadComboBox runat="server" ID="cbProspects" EnableLoadOnDemand="True" DataTextField="ProspectName"
                    OnItemsRequested="cbProspects_ItemsRequested" DataValueField="ProspectName" AutoPostBack="true"
                    HighlightTemplatedItems="true" Height="140px" Width="220px" DropDownWidth="420px"
                    OnSelectedIndexChanged="OnSelectedIndexChangedHandler">
                    <HeaderTemplate>
                        <ul>
                            <li class="col1">Prospect Name</li>
                            <li class="col2">Contact Name</li>
                        </ul>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <ul>
                            <li class="col1">
                                <%# DataBinder.Eval(Container, "Text")%>
                            </li>
                            <li class="col2">
                                <%# DataBinder.Eval(Container, "Attributes['TargetContact']")%></li>
                        </ul>
                    </ItemTemplate>
                </telerik:RadComboBox>
            </EditItemTemplate>
        </telerik:GridTemplateColumn>
        <telerik:GridBoundColumn DataField="PhoneNumber"
            FilterControlAltText="Filter PhoneNumber column" HeaderText="Phone Number"
            SortExpression="PhoneNumber" UniqueName="PhoneNumber">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Website"
            FilterControlAltText="Filter Website column" HeaderText="Website"
            SortExpression="Website" UniqueName="Website">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="TargetContact"
            FilterControlAltText="Filter TargetContact column" HeaderText="Target Contact"
            SortExpression="TargetContact" UniqueName="TargetContact">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Title"
            FilterControlAltText="Filter Title column" HeaderText="Title"
            SortExpression="Title" UniqueName="Title">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Industry"
            FilterControlAltText="Filter Industry column" HeaderText="Industry"
            SortExpression="Industry" UniqueName="Industry">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="SourcedBy"
            FilterControlAltText="Filter SourcedBy column" HeaderText="Sourced By"
            SortExpression="SourcedBy" UniqueName="SourcedBy" Visible="false">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Address"
            FilterControlAltText="Filter Address column" HeaderText="Address"
            SortExpression="Address" UniqueName="Address">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="City"
            FilterControlAltText="Filter City column" HeaderText="City"
            SortExpression="City" UniqueName="City">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="PostalCode"
            FilterControlAltText="Filter PostalCode column" HeaderText="Postal Code"
            SortExpression="PostalCode" UniqueName="PostalCode">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="ListID"
            FilterControlAltText="Filter ListID column" HeaderText="List ID"
            SortExpression="ListID" UniqueName="ListID" Visible="false">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="DateAdded" DataType="System.DateTime"
            FilterControlAltText="Filter DateAdded column" HeaderText="Date Added"
            SortExpression="DateAdded" UniqueName="DateAdded" Visible="false">
        </telerik:GridBoundColumn>
        <telerik:GridButtonColumn ConfirmText="Delete this lead?" ConfirmDialogType="RadWindow"
           ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"
                    UniqueName="DeleteColumn">
           <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
         </telerik:GridButtonColumn>
    </Columns>
 
 
<EditFormSettings>
<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>
</EditFormSettings>
</MasterTableView>
 
<FilterMenu EnableImageSprites="False"></FilterMenu>
</telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 24 Aug 2012, 08:49 AM
Hi Neil,

I have created a sample RadGrid web site using the provided code to test the described behavior. On my side everything works as expected and the tabulation of the edit form fields work correctly and gradually both in the project and on the mentioned Demo. Please check out the attached application and try to distinguish the crucial differences between our projects.

Regards,
Eyup
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Neil N
Top achievements
Rank 1
Veteran
Iron
Answers by
Eyup
Telerik team
Share this question
or