add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / app / nested-loading / app / view / review / List.js

/**\r
 * A view which displays a list of reviews for a specified book.\r
 * @extends Ext.view.View\r
 */\r
Ext.define('Books.view.review.List', {\r
    alias: 'widget.reviewlist',\r
    extend: 'Ext.panel.Panel',\r
\r
    requires: ['Ext.layout.container.Card'],\r
\r
    initComponent: function() {\r
        this.dataview = Ext.create('Ext.view.View', {\r
            id: 'reviews',\r
            border: false,\r
            cls: 'review-list',\r
\r
            scrollable: true,\r
\r
            itemSelector: '.review',\r
            tpl: new Ext.XTemplate(\r
                '<tpl for=".">',\r
                    '<div class="review {[xindex === 1 ? "first-review" : ""]}">',\r
                        '<div class="title">{title} {[this.stars(values)]}</div>',\r
                        '<div class="author">By <span>{author}</span> - {date}</div>',\r
                        '<div class="comment">{comment}</div>',\r
                    '</div>',\r
                '</tpl>',\r
                {\r
                    stars: function(values) {\r
                        var res = [],\r
                            extension = Ext.isIE6 ? 'gif' : 'png',\r
                            i = 0;\r
\r
                        //print out the stars for each of the ratings\r
                        for (; i < values.rating; i++) {\r
                            res.push('<img src="./resources/images/star.', extension, '" />');\r
                        }\r
\r
                        //print out transparent stars for the rest (up to 5)\r
                        while (i < 5) {\r
                            res.push('<img src="./resources/images/star_no.', extension, '" />');\r
                            i++;\r
                        }\r
\r
                        return res.join('');\r
                    }\r
                }\r
            )\r
        });\r
\r
        Ext.apply(this, {\r
            border: false,\r
            flex: 1,\r
            id: 'test',\r
\r
            layout: 'card',\r
\r
            dockedItems: [\r
                Ext.create('Books.view.Header', {\r
                    html: 'Reviews'\r
                })\r
            ],\r
\r
            items: this.dataview\r
        });\r
\r
        this.callParent(arguments);\r
    },\r
\r
    /**\r
     * Used to bind a store to this dataview.\r
     * Delegates to bindStore and also shows this view\r
     * @param {Ext.data.Model} record The record to bind\r
     * @param {Ext.data.Store} store The reviews store used by the application\r
     */\r
    bind: function(record, store) {\r
        //put the reviews into the store and bind the store to thie dataview\r
        this.dataview.bindStore(record.reviews());\r
    }\r
});\r