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>

剑道分组列表视图

1 个答案: