淘汰赛映射jQuery答案

【问题标题】：knockout mapping jquery淘汰赛映射jQuery
【发布时间】：2012-06-08 09:38:43
【问题描述】：

在我的脚本中，我有这个：

$('#divForm').load('../Reservation/Edit #EditReservation', function () {
    $('#divForm').slideDown(500), function () { };
    var viewModel = {};
    var id = JSON.stringify(rowid);
    $.post("/Reservation/JsonEdit", { jsonId: id }, function (data) {
        var trueData = JSON.stringify(data);
        alert(trueData);
        viewModel.model = ko.mapping.fromJSON(trueData);
        alert("chkpt1");
        ko.applyBindings(viewModel);
        alert("chkpt2");
    });
});

这个脚本一直运行到“chkpt1”并且它不执行：ko.applyBindings(viewModel); 警报（“chkpt2”）；

我在这个 cshtml 中使用这个脚本：

<div id="EditReservation" >
<div data-bind="foreach: model.Room">
    <div style="margin-right: 160px; float:left">
        <div>
            EMPLOYEE NUMBER:
            <div>
                <input type="text" data-bind="text: EmpNumber" /></div>
        </div>
        <div>
            ROOM:
            <div>
                <input type="text" data-bind="text: Room" /></div>
        </div>
        <div>
            DATE:
            <div>
                <input type="text" data-bind="text: Date" /></div>
        </div>
    </div>
    <div style="margin-top: 40px;">
        <div>
            START TIME:
            <div>
                <input type="text" data-bind="text: StartTime" /></div>
        </div>
        <div>
            END TIME:
            <div>
                <input type="text" data-bind="text: EndTime" /></div>
        </div>
        <div>
            NOTES:
            <div>
                <input type="text" data-bind="text: Notes" /></div>
        </div>
    </div>
</div>

div EditReservation 将显示，但字段为空。

我确信每个字段的数据绑定都是正确的，因为它在正确映射时匹配返回的 json 数据，

问题是，ko.applyBindings 没有执行，这就是为什么我认为加载时字段为空...

可能是什么错误？

【问题讨论】：

您的 ajax 响应是什么样的？如果您的示例代码在 jsfiddle 上运行，给您答案会更容易。
您在控制台中看到了哪些错误？

标签： jquery json knockout.js knockout-mapping-plugin

【解决方案1】：

输入字段应使用“值”绑定而不是“文本”绑定。如果无法映射属性，您会在浏览器控制台中看到敲除引发的异常。

【讨论】：