Question

我使用HTML帮助器来渲染我的字段：

<%=Html.EditorFor(m => m.User.Surname)%>

并且输出将是这样的：

<input class="text-box single-line" id="User_Surname" 
          name="User.Surname" type="text" value="" />

帮助程序使用className +'。' èfieldName来构建id。
我需要将id传递给jQuery函数。有没有办法在没有硬编码的情况下拥有它？也许是一个可以使用ASP.NET MVC2约定的帮助器？

Answer 1

ASP.NET MVC 4内置了Html.IdFor()，可以返回：

@Html.IdFor(m => m.User.Surname)

Answer 2

请参阅此问题：get the generated clientid for a form field，这是我的回答：

我使用这个助手：

public static partial class HtmlExtensions
{
    public static MvcHtmlString ClientIdFor<TModel, TProperty>(
        this HtmlHelper<TModel> htmlHelper, 
        Expression<Func<TModel, TProperty>> expression)
    {
        return MvcHtmlString.Create(
              htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldId(
                  ExpressionHelper.GetExpressionText(expression)));
    }
}

就像使用任何其他助手一样使用它：@Html.ClientIdFor(model=>model.client.email)

Answer 3

我已按照Mac的回答here的说明操作，并且我已经构建了自己的自定义扩展程序：

public static class HtmlHelperExtensions
{
    public static string HtmlIdNameFor<TModel, TValue>(
        this HtmlHelper<TModel> htmlHelper,
        System.Linq.Expressions.Expression<Func<TModel, TValue>> expression)
    {
        return (GetHtmlIdNameFor(expression));
    }

    private static string GetHtmlIdNameFor<TModel, TValue>(Expression<Func<TModel, TValue>> expression)
    {
        if (expression.Body.NodeType == ExpressionType.Call)
        {
            var methodCallExpression = (MethodCallExpression)expression.Body;
            string name = GetHtmlIdNameFor(methodCallExpression);
            return name.Substring(expression.Parameters[0].Name.Length + 1).Replace('.', '_');

        }
        return expression.Body.ToString().Substring(expression.Parameters[0].Name.Length + 1).Replace('.', '_');
    }

    private static string GetHtmlIdNameFor(MethodCallExpression expression)
    {
        var methodCallExpression = expression.Object as MethodCallExpression;
        if (methodCallExpression != null)
        {
            return GetHtmlIdNameFor(methodCallExpression);
        }
        return expression.Object.ToString();
    }
}

我导入了应用程序的命名空间

<%@ Import Namespace="MvcApplication2" %>

最后我可以使用我的代码：

<%=Html.HtmlIdNameFor(m=>m.Customer.Name)%>

Answer 4

除非您创建自己的User.Surname EditorTemplate，而是传递了一些HTML属性，否则您将无法使用EditorFor

执行此操作

但是，您可以使用TextBoxFor并设置ID

<%= Html.TextBoxFor(m => m.User.Surname, new { id = "myNewId" })%>

关于使用jQuery选择器检索此元素的主题，您可以实现此目的，而无需使用某些ends-with selector进行硬编码。使用它你可能仍然可以使用EditorFor并只选择$("[id^='Surname]“）`。如果你试图选择这个特定的元素，你真的没有办法在你的jQuery代码中硬编码SOMETHING。

如何获取asp.net MVC EditorFor生成的HTML id

4 个答案: