如何编写适用于类的HTML帮助程序

时间:2012-02-14 14:55:33

标签: c# generics razor extension-methods

我必须编写很多代码,这些代码将从类中生成Knockout JS模板。

说出这样的话......

 <li><span>Surname</span> <span data-bind="text: SURNAME"></span></li>

我想在剃刀模板中调用类似......

 @className.DisplayMeFor(c=>c.SURNAME)

甚至

 @DisplayMeFor<className>(c=>c.SURNAME)

但我真的不知道从哪里开始。我显然需要阅读一些关于泛型的内容,但我认为它会是这样的......

public static class HtmlExtensions
{
    public static MvcHtmlString DisplayMeFor<TModel, TValue>(this TModel htmlHelper,   Expression<Func<TModel, TValue>> expression)
    {
        var s = expression.ToString(); //Clearly need a lot more code here to get name, DisplayName etc
        return MvcHtmlString.Create(s);
    }
}

但是没有提供模型的扩展(即@ vmAppeal.DisplayMeFor(...不编译。

请指点什么?

2 个答案:

答案 0 :(得分:1)

我提出的解决方案是

public static class Exts
{
    private const string Input = @"<div><span>{0} : </span><input data-bind='value: {1}'></input></div>";
    private const string Display = @"<div><span>{0} : </span><span data-bind='text: {1}'></span></div>";
    private const string DatePicker = @"<div><span>{0} : </span><input data-bind='datepicker: {1}, datepickerOptions: {{  dateFormat: ""dd/mm/yy""}}' /></div>";

    public static MvcHtmlString TemplateFor<TModel>(Expression<Func<TModel, object>> expression, bool edit) where TModel : class  , new()
    {
        var data = new ViewDataDictionary<TModel>();
        var metadata = ModelMetadata.FromLambdaExpression(expression, data);
        var typ = metadata.ModelType;

        var s = edit? Input: Display;
        if (typ == typeof(System.DateTime) ||typ == typeof(System.DateTime?))
        {
            s = edit ? DatePicker : Display;
        }
        return MvcHtmlString.Create(string.Format(s, metadata.GetDisplayName(), metadata.PropertyName));
    }
}

称为

@(Exts.TemplateFor<MyClass>(a=>a.MyField,true))

答案 1 :(得分:0)

尝试为HtmlHelper而不是TModel创建扩展方法:

public static class HtmlExtensions
{
    public static MvcHtmlString DisplayMeFor<TModel, TValue>(this HtmlHelper htmlHelper,   Expression<Func<TModel, TValue>> expression)
    {
         // your code here
    }
}

在剃须刀中,只需拨打您的方法:

@Html.DisplayMeFor(c=>c.SURNAME)