如何编写一个与类一起工作的HTML帮助程序

本文关键字：一起 工作 帮助程序 HTML 一个 何编写 | 更新日期: 2023-09-27 18:24:39

我必须写很多代码来从类中生成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（…不编译.

有什么建议吗？

如何编写一个与类一起工作的HTML帮助程序

我提出的解决方案是

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))

尝试为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)

相关文章：