c# - Telerik MVC Grid Ajax 内联编辑带自动对焦

Question

在尝试了几个场景之后，我找不到如何将焦点自动设置到当前行中的第一个可编辑字段。

当您查看Telerik 的这个示例时，当您单击编辑按钮时，您必须单击第一个文本框才能编辑内容。

有人知道如何将焦点自动设置到文本框吗？Telerik 是否有内置功能可以做到这一点？

注意：如果你去这个样本；一个新的 KendoUI，这正是我想要的行为。

谢谢你。

Answer 1

您应该能够挂钩 OnEdit 客户端事件并提供您自己的函数来聚焦文本字段。您可能需要使用一些 jQuery 选择器来找到适合您要求的内容。

@(Html.Telerik().Grid(Model)
    .Name("Grid")
    .ClientEvents(events => events.OnEdit("Grid_onEdit")))

<script type="text/javascript">
    function Grid_onEdit(e)
    {   // focus the first grid element, or the first form element with a validation error
        $("#Grid").find(":input:enabled:visible:first:not(:input[type=submit])").focus();
        $("#Grid").find(".input-validation-error").first().focus();
    }
</script>

更多关于客户活动的信息在这里