Hi!
I am using kendo listview with Angular JS. But list does not appear. Can
you help me where the problem is?
Here is my code :
<html ng-app="Sample1">
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width">
<title>My Angular JS App</title>
<link rel="stylesheet"
href="/vendor/topcoat/css/topcoat-mobile-light.css" />
<link rel="stylesheet" href="/stylesheets/application.css" />
<script type="text/javascript" src="/javascripts/jquery.min.js"></script>
<script type="text/javascript"
src="/javascripts/kendo.all.min.js"></script>
<script type="text/javascript"
src="/javascripts/kendo.mobile.all.js"></script>
<script type="text/javascript" src="/javascripts/angular.min.js"></script>
<script type="text/javascript" src="/javascripts/angular-kendo.js"></script>
<script>
var myApp = angular.module('Sample1', ['kendo.directives']);
$( window ).load(function() {
//updateDrawer();
var app = new kendo.mobile.Application($(document.body),
{
skin: "flat"
});
});
/*
var leftDrawer = new
steroids.views.WebView("views/drawerExample/drawer.html");
var rightDrawer = new
steroids.views.WebView("/views/drawerExample/drawer.html");
leftDrawer.widthOfDrawerInPixels = 200;
function updateDrawer() {
alert("update drawer");
steroids.drawers.update({
left: leftDrawer,
options: {
showShadow: true,
strechDrawer: true,
centerViewInteractionMode: "Full",
animation: steroids.drawers.defaultAnimations.PARALLAX,
openGestures: ["PanNavBar", "PanBezelCenterView"],
closeGestures: ["PanNavBar", "PanBezelCenterView", "TapCenterView"]
}
}, {
onSuccess: function() {
steroids.logger.log("Drawer successfully updated!");
},
onFailure: function() {
steroids.logger.log("Could not update drawer.");
}
});
}
*/
function MyController($scope)
{
$scope.greetings = "Jobnimbus demo with AppGyver Steroids and Angular JS";
$scope.products = new kendo.data.DataSource({
data: [
{ id:1, name:'Tennis Balls', department:'Sports'},
{ id:2, name:'Basket Balls', department:'Sports'},
{ id:3, name:'Oil', department:'Auto'},
{ id:4, name:'Filters', department:'Auto'},
{ id:5, name:'Dresser', department:'Home Furnishings' }
]
});
$scope.template = $("#template").html();
}
</script>
</head>
<body>
<div ng-controller="MyController">
<div>Products: {{products.total()}}</div>
<div kendo-list-view k-data-source="products" k-template="template">
</div>
<script id="template" type="text/x-kendo-template">
<div>#= name #</div>
</script>
<center><p>Jobnimbus demo with AppGyver Steroids and Angular JS</p></center>
</div>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
