knockoutjsを使用してjsonデータをカテゴリ毎にまとめて表示する方法
javascript初心者です。
[{"Category":"A","Title":"△△△","Uri":"○○○"},{"Category":"A","Title":"□□□","Uri":"×××"},]
<div data-bind="foreach:$data">
<dl data-bind="data:Category">
<dt data-bind="text:Category"></dt>
<dd>
<a data-bind="attr:{href:Uri}"><span data-bind="text:Title">/span></a>
</dd>
</dl>
</div>
<script>
$(function () {
$.getJSON("/data/somefile", function (data) {
ko.applyBindings(data);
})
});
</script>
上記の場合、「Category」と「リンク」が交互に表示されてしまいます。
Categoryのデータが同じ場合、そのカテゴリを「dl」でまとめて、データを「dd」でリスト表示したいのですが、可能でしょうか。
可能であれば教えていただければと思います。
よろしくお願いします。