5

tabindex 的使用似乎只适用于像 Textboxfor 这样的 htmlhelper 而不是 EditorFor

例如;

<%: Html.TextBoxFor(model => Model.MyItem, new { @tabindex = "3" })%>

产生一个 tabindex 值。

但是，如果您使用；

<%: Html.EditorFor(model => Model.MyItem, new { @tabindex = "3" })%>

那么结果就是按预期创建了控件，但是缺少tabindex。

那么......如何为给定的EditorFor控件设置tabindex？

4

2 回答 2

3

我遇到的主要问题是我需要创建一个 EditorFor 类型机制，以便像货币一样格式化小数（我们的系统有多种货币，所以“C”不合适），让标签索引工作并允许系统保持标准验证。

我已经设法使用以下方法实现了这一目标。通过创建我自己的自定义编辑器控件。

在项目的 Views/Shared/EditorTemplates 目录中创建一个文件（我的文件名为 decimal.ascx）。

 <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<decimal?>" %>
 <% int intTabindex = 0;
   decimal myVal = 0;

   string strModelValue = "";
   if (Model != null)
   {
       myVal = (decimal)Model;
       strModelValue = myVal.ToString("#.00");
   }
   else
       strModelValue = "";



   if (ViewData["tabindex"] != null)
   {
       intTabindex = (int)ViewData["tabindex"];
   }
 %>
 <%: Html.TextBox("", strModelValue, new { @tabindex = intTabindex })%>

本质上，这段代码只是覆盖了通常在“十进制”EditorFor 方法中显示的内容；

<%: Html.TextBox("", Model.ToString("#.00"), new { @tabindex = intTabindex }) %>

模板。

我的调用代码现在显示；

<%: Html.EditorFor(model => Model.MyItem, new { tabindex = 5 })%>

结果是页面上的以下代码。

<input id="Model_MyItem" name="Model.MyItem" tabindex="5" type="text" value="12.33" />

这正是我所需要的。

虽然这仅适用于我的特定情况，但我鼓励任何希望解决此问题的人首先尝试为该任务使用自定义控件，因为它可能会为您节省大量时间。

如果当然可以在代码中创建所需的特定类型的控件并围绕它调整结果。

例如; 我们可以简单地在调用中添加另一个项目来确定文本格式。

new {tabindex = 12, numberformat=2}

然后只需为所有格式创建一个处理程序。

于 2011-02-18T14:47:41.797 回答
1

由于 EditorFor 只是 DataType 的模板，因此它只需要一个数据类型作为它的模型。我猜有几种方法可以解决这个问题。您可以将 tabindex 添加到一个匿名对象，该对象将像这样合并到 EditorTemplate 的 ViewData 中。

您视图中的代码：

Html.EditorFor(m => m.Username, "test", new { tabindex = 3, style = "width: 400px;" })

EditorForModel 模板检查 ViewData：

<%: Html.TextBoxFor(m => m.Username, ViewData)%>

这应该呈现一个 tabindex 为 3 且 style="width: 400px;" 的文本输入

快乐编码。

编辑：这正是我在测试页面中的标记：

<%: Html.EditorFor(m => m.DollarsAmount, "NullableDecimal", new { tabindex = 99 }) %>

我告诉 Edi​​torFor 模板选择我创建的“NullableDecimal”EditorTemplate。（您也可以在模型内部的属性上放置一个 UiHint 属性来告诉它使用什么编辑器模板）

“NullableDecimal”EditorTemplate 位于 ~/Views/Shared/EditorTemplates：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<decimal?>" %>

<%: Html.TextBox(string.Empty, (Model.HasValue ? Model.Value.ToString("#.00") : null), ViewData) %>

我的实现更具可扩展性的是，我通过匿名对象传入的额外 ViewData 被合并到 ViewData 字典中以供 EditorTemplate 使用。因此，如果您没有将任何 ViewData 传递给 EditorTemplate，那么它不会像您当前的实现那样将您的文本输入 tabindex 呈现为 0。另外，您的实现将仅考虑 tabindexes 而不会考虑任何其他输入属性。即最大长度或样式

于 2011-02-17T19:26:20.303 回答