赏金
已经有一段时间了，我仍然有几个悬而未决的问题。我希望通过悬赏，也许这些问题会得到解答。
- 您如何将Knockout.js与html助手一起使用
为什么需要准备好文档才能使其正常工作（有关更多信息，请参见第一个编辑）
如果我在视图模型中使用基因剔除映射，该怎么做？由于映射，我没有功能。
function AppViewModel() { // ... leave firstName, lastName, and fullName unchanged here ... this.capitalizeLastName = function() { var currentVal = this.lastName(); // Read the current value this.lastName(currentVal.toUpperCase()); // Write back a modified value };我想使用插件，例如，我希望能够回滚observables，就好像用户取消了一个我希望能够返回到上一个值的请求一样。根据我的研究，这似乎是通过制作可编辑的插件来实现的
如果我正在使用映射，该如何使用类似的东西？我真的不想要一种方法，在我的视图手动映射中，我将每个MVC viewMode字段映射到KO模型字段，因为我需要尽可能少的内联javascript，这似乎是工作量的两倍，那是为什么我喜欢那种映射。
我担心要使此工作容易进行（通过使用映射），我会失去很多KO功能，但另一方面，我担心手动映射会很繁重，并且会使我的视图包含太多信息，并且将来可能会变得更难维护（例如，如果我删除了MVC模型中的属性，那么我也必须在KO视图模型中移动它）
原始帖子
我正在使用asp.net mvc 3，我正在研究淘汰赛，因为它看起来很酷，但是我很难弄清楚它如何与asp.net mvc一起工作，尤其是视图模型。
现在对我来说，我做这样的事情
public class CourseVM
{
public int CourseId { get; set; }
[Required(ErrorMessage = "Course name is required")]
[StringLength(40, ErrorMessage = "Course name cannot be this long.")]
public string CourseName{ get; set; }
public List<StudentVm> StudentViewModels { get; set; }
}我将拥有一个Vm，它具有一些基本属性，例如CourseName，并且在它上面还将进行一些简单的验证。如果需要，Vm模型也可能包含其他视图模型。
然后，我将把这个Vm传递给View，否则我将使用html helper来帮助我将其显示给用户。
@Html.TextBoxFor(x => x.CourseName)我可能会有一些foreach循环或一些将数据从“学生视图模型”集合中获取的方法。
然后，当我提交表单时，我将使用jquery并将serialize array其发送到控制器操作方法，该方法会将其绑定回视图模型。
有了kickout.js，一切都不同了，因为您现在有了它的视图模型，从我看到的所有示例中，它们都没有使用html helper。
您如何将MVC的这2个功能与kickout.js结合使用？
我找到了这个视频，并且它简短地（视频的最后几分钟@ 18:48）通过基本上具有一个内联脚本进入了使用视图模型的方式，该脚本具有被分配了ViewModel中值的kickout.js视图模型。
这是唯一的方法吗？在我的示例中包含视图模型集合怎么样？我是否必须有一个foreach循环或某种东西来提取所有值并将其分配给淘汰赛？
至于html助手，视频中没有任何内容。
这是两个使我感到困惑的领域，因为似乎没有多少人谈论它，这使我困惑于当示例只是一些硬编码的值示例时，初始值和一切如何进入视野。
编辑
我正在尝试达林·迪米特洛夫（Darin Dimitrov）提出的建议，但这似乎行得通（尽管我必须对他的代码进行一些更改）。不知道为什么我必须使用准备就绪的文档，但是如果没有它，一切都会准备就绪。
@model MvcApplication1.Models.Test
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/knockout-2.1.0.js" type="text/javascript"></script>
<script src="../../Scripts/knockout.mapping-latest.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
{
var model = @Html.Raw(Json.Encode(Model));
// Activates knockout.js
ko.applyBindings(model);
});
</script>
</head>
<body>
<div>
<p>First name: <strong data-bind="text: FirstName"></strong></p>
<p>Last name: <strong data-bind="text: LastName"></strong></p>
@Model.FirstName , @Model.LastName
</div>
</body>
</html>我不得不将其包装在准备好使其工作的jquery文档周围。
我也收到此警告。不知道这是怎么回事。
Warning 1 Conditional compilation is turned off -> @Html.Raw因此，我有一个起点，我想至少可以在我做更多的尝试以及其工作原理后进行更新。
我正在尝试阅读交互式教程，但改用ViewModel。
尚不确定如何解决这些问题
function AppViewModel() {
this.firstName = ko.observable("Bert");
this.lastName = ko.observable("Bertington");
}要么
function AppViewModel() {
// ... leave firstName, lastName, and fullName unchanged here ...
this.capitalizeLastName = function() {
var currentVal = this.lastName(); // Read the current value
this.lastName(currentVal.toUpperCase()); // Write back a modified value
};编辑2
我能够找出第一个问题。没有第二个问题的线索。不过。任何人有任何想法吗？
@model MvcApplication1.Models.Test
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/knockout-2.1.0.js" type="text/javascript"></script>
<script src="../../Scripts/knockout.mapping-latest.js" type="text/javascript"></script>
<script type="text/javascript">
$(function()
{
var model = @Html.Raw(Json.Encode(Model));
var viewModel = ko.mapping.fromJS(model);
ko.applyBindings(viewModel);
});
</script>
</head>
<body>
<div>
@*grab values from the view model directly*@
<p>First name: <strong data-bind="text: FirstName"></strong></p>
<p>Last name: <strong data-bind="text: LastName"></strong></p>
@*grab values from my second view model that I made*@
<p>SomeOtherValue <strong data-bind="text: Test2.SomeOtherValue"></strong></p>
<p>Another <strong data-bind="text: Test2.Another"></strong></p>
@*allow changes to all the values that should be then sync the above values.*@
<p>First name: <input data-bind="value: FirstName" /></p>
<p>Last name: <input data-bind="value: LastName" /></p>
<p>SomeOtherValue <input data-bind="value: Test2.SomeOtherValue" /></p>
<p>Another <input data-bind="value: Test2.Another" /></p>
@* seeing if I can do it with p tags and see if they all update.*@
<p data-bind="foreach: Test3">
<strong data-bind="text: Test3Value"></strong>
</p>
@*took my 3rd view model that is in a collection and output all values as a textbox*@
<table>
<thead><tr>
<th>Test3</th>
</tr></thead>
<tbody data-bind="foreach: Test3">
<tr>
<td>
<strong data-bind="text: Test3Value"></strong>
<input type="text" data-bind="value: Test3Value"/>
</td>
</tr>
</tbody>
</table>控制者
public ActionResult Index()
{
Test2 test2 = new Test2
{
Another = "test",
SomeOtherValue = "test2"
};
Test vm = new Test
{
FirstName = "Bob",
LastName = "N/A",
Test2 = test2,
};
for (int i = 0; i < 10; i++)
{
Test3 test3 = new Test3
{
Test3Value = i.ToString()
};
vm.Test3.Add(test3);
}
return View(vm);
}