如何使用knockoutjs映射插件对数据绑定到表？(How to sort data bind to table using knockoutjs mapping plugin?)

 我能够将数据绑定到表并使用列标题进行排序。 
 
 但是，我需要能够编辑数据，以便更新并反映在相应的表格单元格中。 为此，我需要使数据对象成为observable 。 
 
 使用文本绑定而不是像这样绑定： 
 
<tbody data-bind="foreach: countries">
<tr>
    <td data-bind="text: name"></td>
    <td data-bind="text: capital"></td>
    <td data-bind="text: population"></td>
</tr>
</tbody>
 
 我需要使用value或textInput绑定进行绑定。 像这样： 
 
<tbody data-bind="foreach: countries">
<tr>
    <td><input data-bind="value: name" /></td>
    <td><input data-bind="value: capital" /></td>
    <td><input data-bind="value: population" /></td>
</tr>
</tbody>
 
 而不是这样做： 
 
        $.getJSON('https://restcountries.eu/rest/v1/all', function(data){
            self.countries(data);
        });
 
 我这样做： 
 
        $.getJSON('https://restcountries.eu/rest/v1/all', function(data){
            var mappedData = ko.mapping.fromJS(data);
            var array = mappedData();
            self.countries(array);
        });
 
 如果我尝试使用插件映射数据，则排序不起作用。 
 
 如何将数据映射为可观察数据并仍具有对其进行排序的能力？ 
 
 这是一个有效的JSFiddle示例 ：注意：我删除了映射，因为它破坏了代码。 

I am able to bind data to a table and sort using the column headers.
 
However, I need to be able to edit the data so that it is updated and reflected in the corresponding table cell. To do this I need to make the data object an observable.
 
Instead of binding like this, using text binding:
 
<tbody data-bind="foreach: countries">
<tr>
    <td data-bind="text: name"></td>
    <td data-bind="text: capital"></td>
    <td data-bind="text: population"></td>
</tr>
</tbody>
 
I need to bind using the value or textInput binding. Like so:
 
<tbody data-bind="foreach: countries">
<tr>
    <td><input data-bind="value: name" /></td>
    <td><input data-bind="value: capital" /></td>
    <td><input data-bind="value: population" /></td>
</tr>
</tbody>
 
And instead of doing this:
 
        $.getJSON('https://restcountries.eu/rest/v1/all', function(data){
            self.countries(data);
        });
 
I do this:
 
        $.getJSON('https://restcountries.eu/rest/v1/all', function(data){
            var mappedData = ko.mapping.fromJS(data);
            var array = mappedData();
            self.countries(array);
        });
 
If I attempt to mapped the data using the plugin, the sort does not work.
 
How do I mapped the data as observables and still have the capability to sort them?
 
Here is a working JSFiddle example: Note: I removed the mapping since it breaks the code.

原文：https://stackoverflow.com/questions/35398105