extjs/build/examples/classic/app/nested-loading/app/view/book/SideBar.js

   1 /**
   2  * The sidebar view for the application. Used to display a list of books.
   3  * @extends Ext.view.View
   4  */
   5 Ext.define('Books.view.book.SideBar', {
   6     alias: 'widget.booksidebar',
   7     extend: 'Ext.view.View',
   8
   9     initComponent: function() {
  10         Ext.apply(this, {
  11             id: 'sidebar',
  12
  13             dock: 'left',
  14             width: 180,
  15             border: false,
  16             cls: 'sidebar-list',
  17
  18             selModel: {
  19                 deselectOnContainerClick: false
  20             },
  21
  22             itemSelector: '.product',
  23             tpl: [
  24                 '<div class="sidebar-title">Books</div>',
  25                 '<tpl for=".">',
  26                     '<div class="product">{name}</div>',
  27                 '</tpl>'
  28             ]
  29         });
  30
  31         this.callParent(arguments);
  32     }
  33 });