add extjs 6.0.1 sources

[extjs.git] / extjs / examples / modern / touchtomatoes / app / view / MovieSearch.js

Ext.define('TouchTomatoes.view.MovieSearch', {\r
    extend: 'TouchTomatoes.view.MoviesListView',\r
    xtype: 'moviesearch',\r
    requires: [\r
        'Ext.Toolbar', 'Ext.field.Text', 'Ext.field.Search', 'Ext.dataview.List',\r
        'Ext.form.Panel', 'Ext.plugin.ListPaging',\r
        'TouchTomatoes.proxy.RottenTomatoes', 'TouchTomatoes.model.Movie'],\r
    config: {\r
        enablePaging: true,\r
        autoLoad: false,\r
        cls: "moviesearch",\r
        header: [\r
            {\r
                iconCls: "fa fa-bars",\r
                ui: "plain",\r
                docked: "left"\r
            },\r
            {\r
                xtype: "formpanel",\r
                scrollable: null,\r
                items: [\r
                    {\r
                        xtype: 'searchfield',\r
                        placeHolder: 'Movie Search..'\r
                    }\r
                ]\r
            }\r
        ]\r
    },\r
    getStore: function() {\r
        if (!this._store) {\r
            this.callParent();\r
            this._store.setRemoteFilter(true);\r
\r
            //Intercept the load function and short circuit it when there is no query\r
            this._store.load = Ext.Function.createInterceptor(this._store.load, function() {\r
                var filters = this.getFilters(),\r
                    len = filters.length,\r
                    filter;\r
                for (var i = 0; i < len; i++) {\r
                    filter = filters.getAt(i);\r
                    if (filter.getId() === "query" && filter.getValue().length > 0) return true;\r
                }\r
                return false;\r
            }, this._store)\r
        }\r
        return this._store;\r
    }\r
});\r