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

[Solved] Setting Tab Order for Batch Mode Editing

0 Answers 98 Views
Grid
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Roland
Top achievements
Rank 1
Roland asked on 12 Apr 2011, 10:05 PM
Is there a way to set the tab order of the columns for batch mode editing. I am getting some strange tabbing. I've looked through the documentation and done some googling and could not find a solution.

Have not received any responses so I thought I'd provide some additional info. Using the following configuration:
Windows 7 (SP1)
Visual Studio 2010 (SP1)
.NET 4.0
MVC 2.
Telirik ASP .NET MVC Controls release 2011.1.315

The grid (code below) is displaying three bound columns and 4th column with some dynamic links. The current tab order is as follows:

column 1 (short description)
column 3 (active)
column 4 (links)

For some reason column 2 is being skipped. I reviewed the generated HTML and could not see anywhere where tab order is being set. I have a feeling it has to do with the way the textboxes are being rendered within the grid. The textboxes are not displayed until you click on a grid cell. Since the textbox is not visible/editable it is skipped in the tab order.

<% Html.Telerik().Grid(Model)
 .Name("ReportingPeriodGroupAdminGrid")
 .DataKeys(keys => keys.Add(o => o.Id))
 .Editable(editing => editing.Mode(GridEditMode.InCell))
 .ToolBar(commands => { commands.Insert(); commands.SubmitChanges(); })
 .DataBinding(dataBinding => dataBinding.Ajax()
   .Select("SelectReportingPeriodGroup", "Admin")
   .Update("SaveReportingPeriodGroup", "Admin")
 )
 .Columns(columns =>
 {
  columns.Bound(o => o.ShortDescription).Width("10em");
  columns.Bound(o => o.LongDescription);
  columns.Bound(o => o.Active)
     .ClientTemplate("<input type='checkbox' name='Active' <#= Active? checked='checked' : '' #> />")
     .Width("4em");
  columns.Bound(o => o.Id)
   .ClientTemplate("<# if(CreatedBy != null) { #>"
         + "<a href='/Admin/ReportingPeriodIndex/<#= Id #>' onclick='return ReportingPeriodGroupAdminGrid_LinkSelect(this);'>Reporting Periods</a>"
         + "&nbsp;&nbsp;"
         + "<a href='Admin/ReportingDateIndex/<#= Id #>' onclick='return ReportingPeriodGroupAdminGrid_LinkSelect(this);'>Reporting Dates</a>"
         + "<# } #>"
   ).Width("20em").Title("Actions").ReadOnly(true);
 })
 .ClientEvents(events => events
  .OnEdit("ReportingPeriodGroupAdminGrid_OnEdit")
  .OnLoad("ReportingPeriodGroupAdminGrid_OnLoad"))
 .Footer(false)
 .Render();
%>

















Tags
Grid
Asked by
Roland
Top achievements
Rank 1
Share this question
or