GroupBy Knockout.js

Question

我在C＃中使用这个Razor代码并尝试在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。

我的Viewmodel与我的c＃模型具有相同的语法

有人可以帮忙吗？

诚恳

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>

我希望它有所帮助。