我正在使用MVC 3.0应用程序.在我的项目中,我使用Telerk mvc grid进行数据列表.我将网格编辑模型设为“InCell”,并在我的问答区域提供了键盘导航.每个问题将有2个答案选项,如“事实”和“操作”,并将是数字值.为此,我使用了“整数”编辑器模板.我的要求是当用户从“Facts”整数教科书中按Tab键时,焦点会将其移动到“Actions”整数文本框,如果用户从“Actions”按下Tab,它将移动到下一行“Facts”文本框.但目前键盘导航遍历网格中的所有单元格. “事实”和“行动”之间的列很少.我的网格列表代码看起来像.

@(Html.Telerik().Grid<AnswerQuestionVM>()
    .Name("GridQuestions")
    .DataKeys(keys =>
    {
        keys.Add(p => p.QuestionID);
    })
    .Columns(columns =>
    {

        columns.Bound(p => p.QuestionNumber).Format("{0:0.00}").HtmlAttributes(new {}).Title("#").Width("5%").ReadOnly();

        columns.Bound(p => p.QuestionName).Title("Question Name").Width("43%").ReadOnly();

        columns.Bound(p => p.Facts).Width("8%");

        columns.Template(@<text></text>).ClientTemplate("<img src='" + @Url.Content("~/images/help.gif") + "' name='help' alt='help' title='<#=FactOptions#>' />");

        columns.Bound(p => p.Actions).Width("8%");

        columns.Template(@<text></text>).Width("2%").ClientTemplate("<img src='" + @Url.Content("~/images/help.gif") + "' name='help' alt='help' title='<#=Actionoptions#>' />");

        columns.Template(@<text></text>).Title("Skip").Width("3%").ClientTemplate(
        "<# if(Skip==false) {#>" +
        "<input type='checkBox'/>" +
                 "<#} else{#>" +
        "<input type='checkBox'checked='checked' />" +
        "<# } #>"
        );

        columns.Bound(p => p.Note).Title("Note").Width("26%");

    })
         .Editable(editing => editing.Mode(Telerik.Web.Mvc.UI.GridEditMode.InCell))
         .KeyboardNavigation( navigation => navigation.EditOnTab(true))
         .ClientEvents(e => e.OnSave("OnSave"))
         .DataBinding(dataBinding =>
         {
            dataBinding.Ajax().Select("GetQuestion","AnswerQuestion",new { Area = "question",ajax = true }).Enabled(true);
         })
                                                                                              .Scrollable(scrolling => scrolling.Enabled(false))
                                                                                             .sortable(sorting => sorting.Enabled(true))
                                                                                             .Pageable(paging => paging.Enabled(true))
                                                                                             .Filterable(filtering => filtering.Enabled(true))
                                                                                             .Groupable(grouping => grouping.Enabled(false))
                                                                                             .Footer(true)
                                                                 )

“事实”和“事实”的整数编辑器模板代码“行动”栏目吼叫.

@(Html.Telerik().IntegerTextBox()
    .Name(ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty))
            .InputHtmlAttributes(new {,pattern = "[0-9]*" })
    .MinValue(1)
    .MaxValue(5)
    .Value(Model)

)

请提供解决方案.任何帮助表示赞赏.

以下是我可以建议您作为解决方法,因为您的目标不是开箱即用的.

随意优化/更改实现或使其更通用(例如,使用类来查找单元格而不依赖于索引)

$(function () {
    $('#persons tbody').on('keydown',function (e) {
        if (e.keyCode == 9) {
            var currentCell = $(e.target).closest('td');
            var cellIndex = currentCell.index();
            if (cellIndex == 2 || cellIndex == 4) { //if editing cell in third or fifth column,use different indexes if needed
                e.stopPropagation();
                e.preventDefault();
                var grid = $('#persons').data().kendoGrid;

                if (cellIndex == 2) {
                    var cellToEdit = currentCell.parent().find('td:eq(4)');
                    grid._handleEditing(currentCell,cellToEdit);  
                }
                if (cellIndex == 4) {
                    var cellToEdit = currentCell.parent().find('td:eq(2)');
                    grid._handleEditing(currentCell,cellToEdit);   
                }
                setTimeout(function () {
                    cellToEdit.find('input').focus();
                })
            }
        }
    })
})

我使用staticmatic为我以后用PHP的模板。有一些奇怪的情况，其中一些标签属性具有单引号，而一些标签属性具有双引号。我希望所有的人都有双引号(不是我重要的，但我希望他们像这样！)

例如，哈尔码：

!!! XML
%html{html_attrs('hr-HR')}
  %head
    %title Some title
    %Meta{'http-equiv' => 'Content-Type',:content => 'text/html; charset=utf-8'}/
    %Meta{'name' => "description",:content => 'Some title - YO!'}/
    = stylesheets
    = javascripts('test',:other)
  %body
    = yield

产生以下内容：

<?xml version='1.0' encoding='utf-8' ?>
<html lang='hr-HR' xml:lang='hr-HR' xmlns='http://www.w3.org/1999/xhtml'>
  <head>
    <title>Some title</title>
    <Meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
    <Meta content='Some title - YO!' name='description' />
    <link href="stylesheets/application.css" media="all" rel="stylesheet" type="text/css"/><link href="stylesheets/grid.css" media="all" rel="stylesheet" type="text/css"/><link href="stylesheets/text.css" media="all" rel="stylesheet" type="text/css"/>
    <script language="javascript" src="javascripts/test.js" type="text/javascript"></script><script language="javascript" src="javascripts/other.js" type="text/javascript"></script>

  </head>
  <body>
    <h1>some body stuff!</h1>
    utf test šđčćž ŠĐČĆŽ
  </body>
</html>

请注意，如果我在haml代码中使用单引号或双引号，我总是得到相同的输出！

此外，似乎haml-> html输出按字母顺序排列标签属性，而不是我以haml的顺序排列。我怀疑这与红宝石数组有关，但我不确定，因为我不能/不能在静态方式中使用Ruby。我怎么能让他们订购相同的，因为我已经订购了他们的红宝石阵列的哈尔码？

尝试以下：

Haml::Template.options[:attr_wrapper] = '"'