This question is locked. New answers and comments are not allowed.
here is my code. it is not binding data to scrollview. if i use listview images are displayed but not with scrollview. what's the problem?
<div data-role="view">
<div data-role="scrollview"
data-source="dataSource"
data-template="scrollview-template"
data-content-height="100%"
data-enable-pager="false">
</div>
</div>
<script id="scrollview-template" type="text/x-kendo-template">
<div style="width: 110px; height: 110px; background-image: #: images.thumbnail.url #;"></div>
</script>
<script src="js/jquery.min.js"></script>
<script src="js/kendo.mobile.min.js"></script>
<script>
var dataSource = new kendo.data.DataSource({
transport: {
read:"https://api.instagram.com/v1/media/popular?client_id=adbceedb73f0493fa8386cecb9328425"
},
schema: {
data: "data"
}
});
var app = new kendo.mobile.Application();
</script>
<div data-role="view">
<div data-role="scrollview"
data-source="dataSource"
data-template="scrollview-template"
data-content-height="100%"
data-enable-pager="false">
</div>
</div>
<script id="scrollview-template" type="text/x-kendo-template">
<div style="width: 110px; height: 110px; background-image: #: images.thumbnail.url #;"></div>
</script>
<script src="js/jquery.min.js"></script>
<script src="js/kendo.mobile.min.js"></script>
<script>
var dataSource = new kendo.data.DataSource({
transport: {
read:"https://api.instagram.com/v1/media/popular?client_id=adbceedb73f0493fa8386cecb9328425"
},
schema: {
data: "data"
}
});
var app = new kendo.mobile.Application();
</script>