messages Object
Defines the text of the ListView messages. Used primary for localization.
messages.loadMoreText String
(default: "Press to load more")
The text of the rendered load-more button (applies only if loadMore
is set to true
).
<div data-role="view">
<ul data-role="listview" data-source="foo" data-load-more="true" data-messages='{ "loadMoreText": "Show more" }' data-template="foo-template">
</ul>
</div>
<script type="text/x-kendo-template" id="foo-template">
#: name # - #: modified #
</script>
<script>
var i = 0, pageSize = 100;
// datasource below is customized for demo purposes.
var foo = new kendo.data.DataSource({
transport: {
read: function(options) {
var max = i + pageSize;
var data = [];
for (; i < max; i ++) {
data.push({ name: "record" + i, modified: +new Date() });
}
options.success(data);
}
},
pageSize: pageSize,
serverPaging: true,
schema: {
total: function() { return 500; }
}
});
new kendo.mobile.Application();
</script>
messages.pullTemplate String
(default: "Pull to refresh")
Text that appears when scroller is pulled (applies only if pullToRefresh
is set to true
).
<div data-role="view">
<ul data-role="listview" data-source="foo" data-pull-to-refresh="true" data-messages='{ "pullTemplate": "Pull to refresh!" }' data-template="foo-template">
</ul>
</div>
<script type="text/x-kendo-template" id="foo-template">
#: name # - #: modified #
</script>
<script>
var i = 0, pageSize = 100;
// datasource below is customized for demo purposes.
var foo = new kendo.data.DataSource({
transport: {
read: function(options) {
var max = i + pageSize;
var data = [];
for (; i < max; i ++) {
data.push({ name: "record" + i, modified: +new Date() });
}
options.success(data);
}
},
pageSize: pageSize,
serverPaging: true,
schema: {
total: function() { return 500; }
}
});
new kendo.mobile.Application();
</script>
messages.refreshTemplate String
(default: "Refreshing")
Text that appears when ListView is refreshing (applies only if pullToRefresh
is set to true
).
<div data-role="view">
<ul data-role="listview" data-source="foo" data-pull-to-refresh="true" data-messages='{ "refreshTemplate": "Refreshing!" }' data-template="foo-template">
</ul>
</div>
<script type="text/x-kendo-template" id="foo-template">
#: name # - #: modified #
</script>
<script>
var i = 0, pageSize = 100;
// datasource below is customized for demo purposes.
var foo = new kendo.data.DataSource({
transport: {
read: function(options) {
var max = i + pageSize;
var data = [];
for (; i < max; i ++) {
data.push({ name: "record" + i, modified: +new Date() });
}
options.success(data);
}
},
pageSize: pageSize,
serverPaging: true,
schema: {
total: function() { return 500; }
}
});
new kendo.mobile.Application();
</script>
messages.releaseTemplate String
(default: "Release to refresh")
Text that appears when scroller is pulled beyond the threshold (applies only if pullToRefresh
is set to true
).
<div data-role="view">
<ul data-role="listview" data-source="foo" data-pull-to-refresh="true" data-messages='{ "releaseTemplate": "Release to refresh!" }' data-template="foo-template">
</ul>
</div>
<script type="text/x-kendo-template" id="foo-template">
#: name # - #: modified #
</script>
<script>
var i = 0, pageSize = 100;
// datasource below is customized for demo purposes.
var foo = new kendo.data.DataSource({
transport: {
read: function(options) {
var max = i + pageSize;
var data = [];
for (; i < max; i ++) {
data.push({ name: "record" + i, modified: +new Date() });
}
options.success(data);
}
},
pageSize: pageSize,
serverPaging: true,
schema: {
total: function() { return 500; }
}
});
new kendo.mobile.Application();
</script>