Hi,
Do we have any attribute for fixed-headers in kendo-mobile-list-view
control?
I am using it like this and want to add fixed-headers functionality.
<div kendo-mobile-scroller>
<ul style="list-style-type:none;border:0px" kendo-mobile-list-view
k-data-source="contactDataSource" k-header-template="headerTemplate"
k-template="template">
</ul>
</div>
<script id="template" type="text/x-kendo-template">
<div ng-click="goToDetail('${id}')" >#= name # </div>
</script>
<script id="headerTemplate" type="text/x-kendo-template">
<div
style="color:white;font-weight:bold;background-color:2EB8E6;font-size:medium;height:20px;">#:
value #</div>
</script>
function MyController($scope)
{
$scope.contactDataSource =new kendo.data.DataSource({
transport: {
read: function(options) {
for(var i=0; i < contacts.length; i++)
{
contacts[i].letter = contacts[i].name.charAt(0);
}
options.success(contacts);
}
},
group: "letter"
});
$scope.template = $("#template").html();
$scope.headerTemplate = $("#headerTemplate").html();
}
I have tried with k-fixed-headers= true as well as k-fixed-headers="true".
But it is not working.
Can anyone know any Angular attribute for fixed-headers?
Thanks!
Ami
--
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.
