appendOnRefresh Boolean(default: false)

Used in combination with pullToRefresh. If set to true, newly loaded data will be appended on top when refreshing. Notice: not applicable if ListView is in a virtual mode.

    <div data-role="view">
      <ul data-role="listview" data-source="foo" data-pull-to-refresh="true" data-append-on-refresh="true" data-template="foo-template">
      </ul>
    </div>


    <script type="text/x-kendo-template" id="foo-template">
        #: name # - #: modified #
    </script>

    <script>
    var i = 0;

    // datasource below is customized for demo purposes.
    var foo = new kendo.data.DataSource({
      transport: {
        read: function(options) {
          var max = i + 5;
          var data = [];
          for (; i < max; i ++) {
            data.unshift({ name: "record" + i, modified: +new Date() });
          }
          // illustration purposes only
          setTimeout(function() {
              options.success(data);
          }, 1000);

        }
      }
    });

    new kendo.mobile.Application();
    </script>
In this article