GroupBy Knockout.js

Question

我在C#中有这个剃刀代码，并尝试在Knockout中做同样的事情

 @foreach (var group in Model.Details.SonstigeNummern.OeReferenznummern.GroupBy(x => x.Hersteller))
                {
                    <tr class="ListItem @oddeven">
                        <td>@group.Key</td>
                        <td>
                            @foreach (var nummer in group)
                            { 
                                @nummer.Nummer<br />
                            }
                        </td>
                    </tr>
                }

我不知道如何管理GroupBy。

我的视图模型与我的c#模型具有相同的语法

有人能帮上忙吗？

Sincerly

Answer 1

我对linq查询不是很确定。但我认为你应该做这样的事情。如您所见，我只是将所有数据转换为数组，然后转换为JSON字符串。在这个客户端，我将它们重新转换为javascript对象。

<table data-bind="foreach: groups">
     <tr class="ListItem @oddeven" >
        <td data-bind="value: Key"></td>
        <td data-bind="foreach: Nummers">
            <span data-bind="text: $data"></span>
        </td>
    </tr>
 </table>



<script type="text/javascript">
    var data= JSON.parse('@Html.Raw(Json.Encode(Model.Details.SonstigeNummern.OeReferenznummern.GroupBy(x => x.Hersteller).Select( g => new {Key = g.Key, Nummers =  g.ToArray()}).ToArray()))');
    var vm = { groups: data};
    ko.applyBindings(vm);
</script>

我希望它能帮上忙。