add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / modern / src / view / YQL.js

/**\r
 * Demonstrates using YQL to fetch data from remote sources (in this case loading from the Sencha blog)\r
 */\r
\r
Ext.require('Ext.data.JsonP', function() {\r
    Ext.YQL = {\r
        useAllPublicTables: true,\r
        yqlUrl: 'http://query.yahooapis.com/v1/public/yql',\r
        request: function(cfg) {\r
            var p = cfg.params || {};\r
            p.q = cfg.query;\r
            p.format = 'json';\r
            if (this.useAllPublicTables) {\r
                p.env = 'store://datatables.org/alltableswithkeys';\r
            }\r
\r
            Ext.data.JsonP.request({\r
                url: this.yqlUrl,\r
                callbackKey: 'callback',\r
                params: p,\r
                callback: cfg.callback,\r
                scope: cfg.scope || window\r
            });\r
        }\r
    };\r
\r
    Ext.define('KitchenSink.view.YQL', {\r
        extend: 'Ext.Container',\r
        config: {\r
            scrollable: true,\r
            items: [\r
                {\r
                    xtype: 'panel',\r
                    id   : 'YQL',\r
                    styleHtmlContent: true\r
                },\r
                {\r
                    docked: 'top',\r
                    xtype: 'toolbar',\r
                    items: [{\r
                        text: 'Load using YQL',\r
                        handler: function() {\r
                            var panel = Ext.getCmp('YQL'),\r
                                tpl = new Ext.XTemplate([\r
                                    '<tpl for="item">',\r
                                        '<div class="blog-post">',\r
                                            '<h3><a href="{link}" target="_blank">{title}</a></h3>',\r
                                            '<p>{description}</p>',\r
                                        '</div>',\r
                                    '</tpl>'\r
                                ]);\r
\r
                            panel.getParent().setMasked({\r
                                xtype: 'loadmask',\r
                                message: 'Loading...'\r
                            });\r
\r
                            Ext.YQL.request({\r
                                query: "select * from rss where url='http://feeds.feedburner.com/sencha' limit 5",\r
                                callback: function(success, response) {\r
                                    if (success && response.query && response.query.results) {\r
                                        panel.setHtml(tpl.apply(response.query.results));\r
                                    }\r
                                    else {\r
                                        Ext.Msg.alert('Error', 'There was an error retrieving the YQL request.', Ext.emptyFn);\r
                                    }\r
\r
                                    panel.getParent().unmask();\r
                                }\r
                            });\r
                        }\r
                    }\r
                ]\r
            }]\r
        }\r
    });\r
});\r