kendo-mobile - 剑道分组列表视图

Question

我想知道如何修改 kendo mobile 附带的示例分组列表视图。列表视图显示平面视图和分组视图。如何使列表视图中的项目可单击，以便在单击时导航到不同的网页？

我尝试创建一个带有锚标记和 href 的模板，它在 IE 中工作，但在点击 android 手机时什么也不做。

//The Template

<script type="text/x-kendo-tmpl" id="template">
    <div class="myclass">
        <a href="TenantView.html">#:name#</a>
    </div>
</script>


//The data binding

function mobileListViewDataBindInitGrouped() {
        $("#grouped-listview").kendoMobileListView({
            dataSource: kendo.data.DataSource.create({ data: groupedData, group: "letter" }),
            template: kendo.template($("#template").html()),
            fixedHeaders: true
        });
    }

谢谢

Answer 1

经过反复试验，我发现如果我删除模板中的div标签，锚标签可以正常工作。不确定这是错误还是设计使然。感谢 Whizkid747 的帮助。

//Updated Template (removed <div>)
<script type="text/x-kendo-tmpl" id="template">
   <a href="TenantView.html">#:name#</a>
</script>