javascript - 用字符串数组填充 Listview

Question

我在http://jsbin.com/ifimadOw/11/edit创建了一个 jsbin来说明。

我有这个列表视图对象：

<ul id="marketplace-categories-listview" data-bind="source: results"></ul>

我有这个数据集：

dsCats = new kendo.data.DataSource({
    transport: {
        read: {
            url: myUrl,
            data: {
                key: myKey
            }
        }
    }
});

$("#marketplace-categories-listview").kendoMobileListView({
    dataSource: dsCats,
    template: $("#marketplace-product-template").text()
});

从 API 返回的数据如下所示：

{"count": 3, "results": ["Acupuncture Therapy","Automobiles","Lawn Care"]}

这是我的模板：

<script type="text/x-kendo-tmpl" id="marketplace-categories-template">
    <li data-bind="text: this"></li>
</script>

因为我的数据没有命名元素，所以我不能在模板中使用“#:category#”之类的东西。我也尝试过数据绑定（如上所述），但到目前为止没有任何效果。当然有办法做到这一点。

Answer 1

只需在模板中使用data（这是传递给模板函数的上下文变量的名称）：

  $("#category-listview").kendoMobileListView({
    dataSource: dsCats,
    template: "#= data #"
  });

（更新JSBin）