Knockout.js und MVC

Gerade angefangen zu spielen mit knockout.Js das ist ein fantastischer Rahmen, Steve ist wirklich gut gemacht, dass man mit. Eine Sache, die ich kann nicht scheinen, um auf die minute impliment es mit meinem Html-Helfer. So zum Beispiel habe ich :

 <%: Html.TextBoxFor(model => model.Division) %>

aber ich würde eine Zeile verwenden Sie die databind-Methode auf, die aber auf die minute kann ich nicht bekommen "data-bind" - Attribut in der Hl. Ich habe Attribute wie @class, Id, etc, aber dieses ist tricky wegen der - Ideen.. Ich habe versucht:

<%: Html.TextBoxFor(model => model.SupplierName, new { data-bind = "SupplierName"}) %>

und

 <%: Html.TextBoxFor(model => model.SupplierName, new { "data-bind"" = "SupplierName"}) %>

aber keine Freude. wir intensiv mit dem Editor und Text-box, die Helfer und ich würde wirklich gerne integrieren diese in die Position mit knock-out..

Jede Hilfe viel appretiated

  • Dies hat sich ein bisschen langatmig, so dass ich mir denke, HtmlHelpers, Ist es verfügbar oder konnte dies mein Erster Versuch lohnt sich ein OS-Projekt von meinem eigenen?
InformationsquelleAutor Andy Allison | 2010-11-09
  1. 32

    Sollte dies funktionieren:

    <%: Html.TextBoxFor(model => model.SupplierName, new { data_bind = "SupplierName"}) %>

    Variablennamen nicht enthalten, die einem Bindestrich ( - ), aber wenn Sie verwenden Sie einen Unterstrich (_) in ein HTML-Attribut, es wird automatisch in einen Bindestrich, wenn Ihr 'gerendert'.

    • Wow danke, wusste nie, dass 🙂 +1 für einen Tipp 🙂
    • Als Referenz, ich denke, das ist MVC3 nur...
    • der Ausdruck sollte neu { data_bind = "Wert: SupplierName" }
    • Ist, dass für MVC 4, oder wurde ich falsch für MVC 3 zu?
    • Erstaunlich, danke!
    • Arbeitet in MVC 5.1

    InformationsquelleAutor Tim
  2. 16

    Die Sie liefern können Attribute entweder als anonymes Objekt oder als ein Wörterbuch. In diesem speziellen Fall ein Wörterbuch verwendet werden soll:

    <%: Html.TextBoxFor(m => m.SupplierName, new Dictionary<string, object> { { "data-bind", "SupplierName" } }) %>
    • Prost Robert, als hätte ich gerade kam. Ein Manko war die "SupplierName" muss "Wert: SupplierName".. Danke 😉
    • Gut. Attribut-Werte können alles sein... auch value:SupplierName. 😉 Cheers.
    • vereinbart war es das Wert: PropertyName, dass ich es vermisst hatte nur PropertName nicht zu funktionieren scheint? Auch müssen Sie valueUpdate-Attribut oder es scheint sich nicht zu aktualisieren, meine zugrunde liegenden Wert aus irgendeinem Grund.?
    • Ich glaube nicht, die Bibliothek, die Sie verwenden, aber da es automatisiert viele der Formularverarbeitung ich nehme an, das sind die Besonderheiten, die Sie haben zu gehorchen. Überprüfen Sie Ihre Dokumentation für die Einstellungen, die Sie anwenden müssen.
    • Sie können auch den Unterstrich statt Bindestrich, HtmlHelper macht das richtig @Html.TextBoxFor(m => m.Name, new { data_bind = "value: name" }) mindestens in MVC 3, nicht sicher über 2
    • Warum sollte man setzen will, unterstreicht, wenn KnockoutJS nicht verstehen data_bind? Verwenden Sie dash zu machen, damit es funktioniert.
    • In MVC 3 mindestens (nicht sicher über MVC 2) die htmlhelper-Rendern data_bind als data-bind.
    • FYI: Leider MVC2 macht Unterstrich, als vorgesehen...

    InformationsquelleAutor Robert Koritnik
  3. 3

    Ich verwendet, Jim ' s Antwort als die Basis für mein MVC 4-Lösung.

    Jim: 

    <%: Html.TextBoxFor(model => model.SupplierName, new { data_bind = "SupplierName"}) %>

    Mine: 

    @Html.TextBoxFor(model => model.SupplierName, new { data_bind = "value: SupplierName" })
    InformationsquelleAutor Eric Sean Moore
  4. 1

    Sehen Die Verwendung Von Html.TextBoxFor mit der Klasse und der benutzerdefinierten Eigenschaft (MVC), wie es zu tun in MVC3. Im mit MVC2 so dass die obige Antwort war vor Ort auf für mich

    • Vielen Dank für, dass es ist eine nette syntax.
    InformationsquelleAutor Rob
Schreibe einen Kommentar