EditorFor HTML-Helfer mit Knockout

Question

Ich dachte, es wäre sehr nützlich, eine erweiterte Version von der EditorFor HTML-Helfer, die automatisch Wert Datenbindungen für Knockout JS schreibt.

Dies wäre für wo das Client-Seitenansicht-Modell und das Server-Seitenansicht-Modell identisch sind - Ich habe bereits das Client-Seitenansicht-Modell mithilfe von Ko-Mapping erstellt und das Ansichtsmodell über AJAX erhalten.

Hat jemand sonst etwas versucht, oder gibt es irgendwelche Projekte, die etwas enthalten, was ich hier denke?

Der Vorteil davon wäre, dass beim Refactoring keine Gefahr besteht, dass die Datenwerte verpasst werden.

Answer 1

Wir haben etwas in diese Richtung getan, es ist alles andere als perfekt, und wir haben viel mehr in unseren benutzerdefinierten Erweiterungen, aber ich extrahierte die Essenz. Diese

using System.Web.Mvc.Html; 

namespace System.Web.Mvc 
{ 
    public static class EditorForExtensions 
    { 
     public static MvcHtmlString TextBoxForViewModel<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression) 
     { 
      ModelMetadata metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); 

      var htmlAttributes = HtmlAttributesForKnockout(metadata); 

      return htmlHelper.TextBoxFor(expression, htmlAttributes); 
     } 

     private static Dictionary<string, object> HtmlAttributesForKnockout(ModelMetadata metadata) 
     { 
      var htmlAttributes = new Dictionary<string, object>(); 

      var knockoutParameter = String.Format("value: {0}", metadata.PropertyName); 

      htmlAttributes.Add("data-bind", knockoutParameter); 

      return htmlAttributes; 
     } 
    } 
} 

kann dann verwendet werden, wie:

@Html.TextBoxForViewModel(m => m.Name) 

Answer 2

Wollte das Htmlattributes Überlastung Tschads Antwort oben für jedermann hinzuzufügen suchen, um es fallen zu lassen in und haben es funktionieren. Alle anderen Helfer können aus diesen Beispielen ziemlich einfach gebaut werden. (Danke, Chad, Ihre Erweiterung hat mir geholfen, meinen Übergang zum Knockout zu erleichtern!)

using System.Collections.Generic; 
using System.Linq.Expressions; 
using System.Web.Mvc.Html; 

namespace System.Web.Mvc { 
    public static class KnockoutExtensions { 
     public static MvcHtmlString KnockoutTextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression) { 
      var metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); 
      var htmlAttributes = HtmlAttributesForKnockout(metadata); 
      return htmlHelper.TextBoxFor(expression, htmlAttributes); 
     } 

     public static MvcHtmlString KnockoutTextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression, object attributes) { 
      // convert passed anonymous object (attributes) into IDictionary<string,object> to pass into attribute parser 
      var attrs = HtmlHelper.AnonymousObjectToHtmlAttributes(attributes) as IDictionary<string, object>; 
      var metadata = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); 

      var htmlAttributes = HtmlAttributesForKnockout(metadata, attrs); 

      return htmlHelper.TextBoxFor(expression, htmlAttributes); 
     } 

     private static Dictionary<string, object> HtmlAttributesForKnockout(ModelMetadata metadata, IEnumerable<KeyValuePair<string, object>> attributes = null) { 
      var htmlAttributes = new Dictionary<string, object>(); 

      var knockoutParameter = String.Format("value: {0}", metadata.PropertyName); 
      htmlAttributes.Add("data-bind", knockoutParameter); 

      if (attributes != null) foreach (var attr in attributes) htmlAttributes.Add(attr.Key, attr.Value); 

      return htmlAttributes; 
     } 
    } 
}