Jquery mobile 具有可折叠列表视图的复合视图

我试图用下面的模板渲染一个复合视图，但我不知道如何完成它。其主要思想是，每个可折叠对象都是一个包含其项的类别（类似于树视图）。类别可能有项目，也可能没有项目

<div data-role="collapsible">
   <h2>{{Category}}</h2>
   <ul id="Items" data-role="listview" data-inset="true">
   </ul>
</div>

---

看看我写的关于这个主题的博文：

---

此外，德里克关于这一主题的博文可能很有意思：

在您的博客中提供的示例中，如果我们在另一个英雄（嵌套）中有一个英雄会怎么样。如何实现这一点？请参阅Derick的博文：为顶级集合使用集合视图，然后为顶级集合中的每个项目使用复合视图。然后，每个元素将使用相同的复合视图递归呈现自己的集合。

 attributes: function() {
            return {
               "data-role": "collapsible-set",
               "data-theme" : "b",
               "data-content-theme" : "a"
            };
  },