asp.net - KnockoutJs 将 JSON 映射到视图模型

Question

我在将 JSON 从 ASP.net webform webapi 绑定到使用 KnockoutJs 的视图模型时遇到问题。wepapi 和映射到 mappedQuickEntries 没有问题。

我哪里弄错了？谢谢。

错误：

错误：无法解析绑定。消息：ReferenceError：ItemPartNumb 未定义；绑定值：值：ItemPartNumb

看法：

<div>    
<table border="1" cellpadding="0" cellspacing="0">
 <tbody data-bind="foreach: quickEntries">
   <tr>
        <td data-bind="value: ItemPartNumb"></td>
        <td data-bind="value: ItemDescription"></td>     
    </tr>
 </tbody>
</table>

视图模型：

<script type="text/javascript">

var QuickEntry = function(_itemPartNumb, _itemDescription) {    
    this.ItemPartNumber = ko.observable(_itemPartNumb);
    this.ItemDescription = ko.observable(_itemDescription);        
};

function QuickEntriesViewModel () {        

    var self = this;
    self.quickEntries = ko.observableArray([]);

    $.ajax({
        url: '/DesktopModules/Blah/API/Data/GetTenQuickEntries',
        type: 'GET',
        dataType: 'json',
        success: function (data) {                
            var mappedQuickEntries = $.map(data, function (item) {
                return new QuickEntry(item.ItemPartNumb, item.ItemDescription);
            });

            self.quickEntries(mappedQuickEntries);              
        },
        statusCode: {
            404: function () {
                alert('Failed');
            }
        }
    });
};

ko.applyBindings(new QuickEntriesViewModel());    

Answer 1

ItemPartNumb对比ItemPartNumber

而且您使用的是value-binding 而不是text-binding。

http://jsfiddle.net/MizardX/9sqvk/