Assume I've got a template using a data-role directive:
<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
...
<script type="text/x-kendoui-template" id="kitten-list-template">
<div
data-role="listview"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>
This works just fine. However, if I add the dataviz library, the listview role no longer creates a ListView control:
<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
<script src="kui/js/kendo.dataviz.min.js"></script><!-- breaks things! -->
...
<script type="text/x-kendoui-template" id="kitten-list-template">
<div
data-role="listview"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>
Further, if I attempt to resolve this issue by fully qualifying the data-role, it also doesn't work (regardless of whether the dataviz library is pulled in or not):
<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
...
<script type="text/x-kendoui-template" id="kitten-list-template">
<!-- also breaks things! -->
<div
data-role="kendo.ui.ListView"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>
Am I doing something wrong? Thanks!
<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
...
<script type="text/x-kendoui-template" id="kitten-list-template">
<div
data-role="listview"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>
This works just fine. However, if I add the dataviz library, the listview role no longer creates a ListView control:
<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
<script src="kui/js/kendo.dataviz.min.js"></script><!-- breaks things! -->
...
<script type="text/x-kendoui-template" id="kitten-list-template">
<div
data-role="listview"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>
Further, if I attempt to resolve this issue by fully qualifying the data-role, it also doesn't work (regardless of whether the dataviz library is pulled in or not):
<link href="kui/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.default.min.css" rel="stylesheet" />
<link href="kui/styles/kendo.flat.min.css" rel="stylesheet" />
<script src="kui/js/jquery.min.js"></script>
<script src="kui/js/kendo.web.min.js"></script>
...
<script type="text/x-kendoui-template" id="kitten-list-template">
<!-- also breaks things! -->
<div
data-role="kendo.ui.ListView"
data-template="kitten-list-item-template"
data-bind="source: imageDataSource">
</div>
</script>
Am I doing something wrong? Thanks!