Loading data

page.html

<script class="asset-template" type="application/x-template">
  <div class="image">
    <img src="{{ url }}">
    <span class="username">By {{ user.username }}</span>
  </div>
</script>

<script class="assets-template" type="application/x-template"
  <div class="assets">
    <!-- Assets will be rendered here -->
  </div>
</script>

view.js

var AssetView = Chute.View.extend({
  template: Chute.Utils.template('script.asset-template')
  // if container property is not specified, item views will be inserted into parent element
});

var AssetCollectionView = Chute.CollectionView.extend({
  template: Chute.Utils.template('script.assets-template'),
  itemView: AssetView // specifying a view for each data item
});

var assets = new Chute.API.Assets(null, { album: 'ALBUM_SHORTCUT' });

var view = new AssetCollectionView({
  container: 'div.assets-view',
  collection: assets
});

view.render();
assets.fetch();