I tried this
@Html.EditorFor(model => model.Name, " ", new { data_bind = "value:firstName" });
and other possible overloades but none of them seem to work.
The rest of code:
<script type="text/javascript">
$(document).ready(function () {
function AppViewModel() {
this.firstName = ko.observable("");
this.lastName = ko.observable("");
}
ko.applyBindings(new AppViewModel());
});
Your 3rd parameter to EditorFor does not do what you think it should be doing.
See http://msdn.microsoft.com/en-us/library/ff406461(v=vs.98).aspx
EditorFor cannot add HTML attributes to the element. Use TextBoxFor instead:
@Html.TextBoxFor(model => model.Name, new { data_bind = "value:firstName" });
@Html.EditorFor(m => m.FirstName, new { htmlAttributes = new { @class = "form-control", data_bind = "value: firstName", maxlength = 50 } }); works. data_bind is still key!I understand I'm a bit late on this one, but here's a solution I've been using.
Pass the name of the field (in this case name) to the editor template as part of the additionalViewData like so:
@Html.EditorFor(t => t.name, "", new { fieldName = "name" })
Then in your editorTemplate you can have this:
@{
var fieldName = ViewData.Where(v => v.Key == "fieldName").FirstOrDefault().Value;
}
@Html.TextBox("", Model, new { data_bind = "value:"+fieldName })
Hope this helps someone.
