Sencha Forum - Ext:User Extensions and Plugins http://www.sencha.com/forum/ en Wed, 22 May 2013 02:13:14 GMT vBulletin 60 http://www.sencha.com/forum/images/misc/rss.png Sencha Forum - Ext:User Extensions and Plugins http://www.sencha.com/forum/ Ext.ux.Deferred http://www.sencha.com/forum/showthread.php?264163-Ext.ux.Deferred&goto=newpost Tue, 21 May 2013 20:32:07 GMT Hey guys!

Today I'm gonna to present javascript promises for ExtJS and Sencha Touch!
Hell yeah!
Nowadays, lots of frameworks and libraries have implemented promises: ExtJS/Sencha Touch wont be less so!

Here's the problem:

Code:
aSync1 (10, function (val1) {
  aSync2 (val1, function (val2) {
    aSync3 (val2, function (val3) {
      alert ('Top of the pyramid with: ', val3);       
      });   
    });
});
and here the solution:

Code:
aSync1 (10)   
    .then (aSync2)   
    .then (aSync3)   
    .then (function (val3) {       
      alert ('End of the queue with: ', val3);   
    });
});
This is only one of the extraordinary things that Ext.ux.Deferred allows you to do!
For more examples, read the docs on the github page: https://github.com/wilk/Ext.ux.Deferred

For class documentation, lunch jsduck ;)

Soon even on Sencha Market!

Enjoy it!

Ciao!
Wilk ]]> Ext:User Extensions and Plugins Wilky http://www.sencha.com/forum/showthread.php?264163-Ext.ux.Deferred Count Mark on Tabs http://www.sencha.com/forum/showthread.php?264157-Count-Mark-on-Tabs&goto=newpost Tue, 21 May 2013 18:23:09 GMT Hi,

I would like to know if there's some plugin that adds a count mark on tabs. Please see this image so you can get an idea:
http://www4.picturepush.com/photo/a/...g/13124287.png

If there's no plugin for this, can somebody give me an idea where should I look on ?

Thanks. ]]> Ext:User Extensions and Plugins mysticav http://www.sencha.com/forum/showthread.php?264157-Count-Mark-on-Tabs Text suggest facebook style http://www.sencha.com/forum/showthread.php?263930-Text-suggest-facebook-style&goto=newpost Fri, 17 May 2013 16:39:06 GMT Hello to all!
I implemented this ExtJS control, starting from an existing mootool's component http://www.devthought.com/projects/m...s/textboxlist/


This control is not an extension of the combobox, but a simple textfield, so no store is assigned to the object.
The data come from:
- Ajax call;
- Values;


This is a basic version, I will try to add more features
I know there is already a plugin that makes this (http://www.sencha.com/forum/showthre...549#post621549), but this type of control I needed for a particular project

There is an example here:
http://jsfiddle.net/steve88/jR7wT/

Local suggest:
Code:
Ext.create("TextSuggest", {
 fieldLabel:            "Test",
 width:                600,
 labelWidth:            100,
 values:                [
                            {"id": 1, "value": "Test"},
                            {"id": 2, "value": "Test2"},
                            {"id": 3, "value": "Test3"}
                          ],
config:                {
                            minLength:    2,
                            valueField:    "Id",
                            displayField: "Value"
                          }
})

Remote suggest:
Code:
Ext.create("TextSuggest", {
 fieldLabel:            "Test",
 width:                600,
 labelWidth:            100,
config:                {
                            minLength:    2,
                            queryRemote: true,
                            valueField:    "Id",
                            displayField: "Value",                           
                            remote:    {
                                                          url:            "URL OF FILE"
                                            }
                          }
})
Works with extjs version 4.1 or higher, I have not tested earlier versions

I hope you enjoy it and that you need it. :)

Steve
Attached Files
]]> Ext:User Extensions and Plugins Steve88 http://www.sencha.com/forum/showthread.php?263930-Text-suggest-facebook-style Selection of records over multiple pages in a grid - Select All http://www.sencha.com/forum/showthread.php?263871-Selection-of-records-over-multiple-pages-in-a-grid-Select-All&goto=newpost Thu, 16 May 2013 22:51:03 GMT Hi, I was looking around the internet and found this link:... Hi,

I was looking around the internet and found this link:
http://www.sencha.com/forum/showthre...ages-in-a-grid

I need select all the items of the grid and clear all the selections, so based on the link and modified and implemented it like this:

Code:
var grid, store;

/**
 * Grid PagingSelectionPersistence plugin
 *
 * Maintains row selection state when moving between pages of a paginated grid
 *
 * Public Methods:
 * getPersistedSelection() - retrieve the array of selected records across all pages
 * clearPersistedSelection() - deselect records across all pages
 *
 *
 * @class  Ext.ux.grid.plugin.PagingSelectionPersistence
 * @extends Ext.AbstractPlugin
 * @author  Bill Dami
 * @date    December 20th, 2011
 */
Ext.define('Ext.ux.grid.plugin.PagingSelectionPersistence', {
    alias: 'plugin.pagingselectpersist',
    extend: 'Ext.AbstractPlugin',
    pluginId: 'pagingSelectionPersistence',
   
    //array of selected records
    selection: [],
    //hash map of record id to selected state
    selected: {},
   
    init: function(grid) {
        this.grid = grid;
        this.selModel = this.grid.getSelectionModel();
        this.isCheckboxModel = (this.selModel.$className == 'Ext.selection.CheckboxModel');
        this.origOnHeaderClick = this.selModel.onHeaderClick;
        this.bindListeners();
    },
   
    destroy: function() {
        this.selection = [];
        this.selected = {};
        this.disable();
    },
   
    enable: function() {
        var me = this;
       
        if(this.disabled && this.grid) {
            this.grid.getView().on('refresh', this.onViewRefresh, this);
            this.selModel.on('select', this.onRowSelect, this);
            this.selModel.on('deselect', this.onRowDeselect, this);
           
            if(this.isCheckboxModel) {
                //For CheckboxModel, we need to detect when the header deselect/select page checkbox
                //is clicked, to make sure the plugin's selection array is updated. This is because Ext.selection.CheckboxModel
                //interally supresses event firings for selectAll/deselectAll when its clicked
                this.selModel.onHeaderClick = function(headerCt, header, e) {
                    var isChecked = header.el.hasCls(Ext.baseCSSPrefix + 'grid-hd-checker-on');
                    me.origOnHeaderClick.apply(this, arguments);
                   
                    if(isChecked) {
                        me.onDeselectPage();
                    } else {
                        me.onSelectPage();
                    }
                };
            }
        }
   
        this.callParent();
    },
   
    disable: function() {
        if(this.grid) {
            this.grid.getView().un('refresh', this.onViewRefresh, this);
            this.selModel.un('select', this.onRowSelect, this);
            this.selModel.un('deselect', this.onRowDeselect, this);
            this.selModel.onHeaderClick = this.origOnHeaderClick;
        }

        this.callParent();
    },
   
    bindListeners: function() {
        var disabled = this.disabled;
       
        this.disable();
       
        if(!disabled) {
            this.enable();
        }
    },
   
    onViewRefresh : function(view, eOpts) {
        var store = this.grid.getStore(),
            sel = [],
            hdSelectState,
            rec,
            i;
        this.ignoreChanges = true;
       
        for(i = store.getCount() - 1; i >= 0; i--) {
            rec = store.getAt(i);
           
            if(this.selected[rec.getId()]) {
                sel.push(rec);
            }
        }

        this.selModel.select(sel, false);
       
        if(this.isCheckboxModel) {
            //For CheckboxModel, make sure the header checkbox is correctly
            //checked/unchecked when the view is refreshed depending on the
            //selection state of the rows on that page (workaround for possible bug in Ext 4.0.7?)
            hdSelectState = (this.selModel.selected.getCount() === this.grid.getStore().getCount());
            this.selModel.toggleUiHeader(hdSelectState);
        }
       
        this.ignoreChanges = false;
    },
   
    onRowSelect: function(sm, rec, idx, eOpts) {
        if(this.ignoreChanges === true) {
            return;
        }
       
        if(!this.selected[rec.getId()])
        {
            this.selection.push(rec);
            this.selected[rec.getId()] = true;
        }
    },
   
    onRowDeselect: function(sm, rec, idx, eOpts) {
        var i;
       
        if(this.ignoreChanges === true) {
            return;
        }
       
        if(this.selected[rec.getId()])
        {
            for(i = this.selection.length - 1; i >= 0; i--) {
                if(this.selection[i].getId() == rec.getId()) {
                    this.selection.splice(i, 1);
                    this.selected[rec.getId()] = false;
                    break;
                }
            }
        }
    },
   
    onSelectPage: function() {
        var sel = this.selModel.getSelection(),
            len = this.getPersistedSelection().length,
            i;
       
        for(i = 0; i < sel.length; i++) {
            alert(i + sel[i]);
            this.onRowSelect(this.selModel, sel[i]);
        }
       
        if(len !== this.getPersistedSelection().length) {
            this.selModel.fireEvent('selectionchange', this.selModel, [], {});
        }
    },
   
    onDeselectPage: function() {
        var store = this.grid.getStore(),
            len = this.getPersistedSelection().length,
            i;
       
        for(i = store.getCount() - 1; i >= 0; i--) {
            this.onRowDeselect(this.selModel, store.getAt(i));
        }
       
        if(len !== this.getPersistedSelection().length) {
            this.selModel.fireEvent('selectionchange', this.selModel, [], {});
        }
    },
   
    getPersistedSelection: function() {
        return [].concat(this.selection);
    },
   
    // private
    onSelectionClear: function() {
        if (! this.ignoreSelectionChanges) {
            // selection cleared by user
            // also called internally when the selection replaces the old selection
            this.selection = [];
            this.selected = {};
        }
    }, // end onSelectionClear
   
    clearPersistedSelection: function() {
        var changed = (this.selection.length > 0);
       
        this.selection = [];
        this.selected = {};
        this.onViewRefresh();
       
        if(changed) {
            this.selModel.fireEvent('selectionchange', this.selModel, [], {});
        }
    },
   
   
    /**
      * Selects all the rows in the grid, including those on other page
      * Be very careful using this on very large datasets
    */
    selectAll: function() {       
        var storeB = this.grid.getStore();
        storeB.suspendEvents();
        //alert(storeB.getTotalCount());
       
        storeB.load({
            params: {start: 0, limit: storeB.getTotalCount() },
            callback: function(records, operation, success) {
                if (records.length > 0){ // Issue is here: Records returns as NULL
                    //alert('Num Records: ' + records.length);
                   
                    for (var i = records.length - 1; i >= 0; i--) {               
                        if(!this.selected[records[i].getId()])
                        {
                            this.selection.push(records[i]);
                            this.selected[records[i].getId()] = true;
                        }
                    };
                       
                    storeB.resumeEvents();
                    this.onViewRefresh();
                   
                    /*
                    this.selection = storeB.data.items.slice(0);
                    this.selected = {};
                    for (var i = this.selection.length - 1; i >= 0; i--) {
                        this.selected[this.selection[i].id] = true;
                    };*/
                }
                else
                {
                    alert('Error no tiene records');
                }
            },
            scope: this
        });
       
       
        if(!this.selected[rec.getId()])
        {
            this.selection.push(rec);
            this.selected[rec.getId()] = true;
        }
       
    },

    countAll: function() {
        var storeA = this.grid.getStore();
        alert('store count '+ storeA.getCount());
        alert('store count '+ storeA.getTotalCount());
    }
   
});

Ext.onReady(function(){
    Ext.tip.QuickTipManager.init();

    Ext.define('ForumThread', {
        extend: 'Ext.data.Model',
        fields: [
            'title', 'forumtitle', 'forumid', 'username',
            {name: 'replycount', type: 'int'},
            {name: 'lastpost', mapping: 'lastpost', type: 'date', dateFormat: 'timestamp'},
            'lastposter', 'excerpt', 'threadid'
        ],
        idProperty: 'threadid'
    });

    store = Ext.create('Ext.data.Store', {
        pageSize: 50,
        model: 'ForumThread',
        remoteSort: true,
        proxy: {
            type: 'jsonp',
            url: 'http://www.sencha.com/forum/topics-browse-remote.php',
            reader: {
                root: 'topics',
                totalProperty: 'totalCount'
            },
            simpleSortMode: true
        },
        sorters: [{
            property: 'lastpost',
            direction: 'DESC'
        }]
    });

    grid = Ext.create('Ext.grid.Panel', {
        id : 'test_grid',
        width: 600,
        height: 400,
        title: 'ExtJS.com - Browse Forums',
        store: store,
        selModel: Ext.create('Ext.selection.CheckboxModel'),
        plugins: [{ptype : 'pagingselectpersist'}],
        viewConfig: {
            id: 'gv',
            trackOver: true,
            stripeRows: true,
            loadMask: false
        },
        // grid columns
        columns:[{
            id: 'topic',
            text: "Topic",
            dataIndex: 'title',
            flex: 1,
            sortable: false
        },{
            text: "Author",
            dataIndex: 'username',
            width: 100,
            hidden: true,
            sortable: true
        },{
            text: "Replies",
            dataIndex: 'replycount',
            width: 70,
            align: 'right',
            sortable: true
        },{
            id: 'last',
            text: "Last Post",
            dataIndex: 'lastpost',
            width: 150,
            sortable: true
        }],
        bbar: Ext.create('Ext.PagingToolbar', {
            store: store,
            displayInfo: true,
            emptyMsg: "No topics to display"
        }),
        renderTo: 'topic-grid'
    });

    // trigger the data store load
    store.loadPage(1);
});
Link: http://jsfiddle.net/ronaldsaenz88/Whkbu/48/

Any advice or suggestion and welcome.

Regards,
Ronald ]]> Ext:User Extensions and Plugins ronaldsaenz88 http://www.sencha.com/forum/showthread.php?263871-Selection-of-records-over-multiple-pages-in-a-grid-Select-All grid to grid buttons http://www.sencha.com/forum/showthread.php?263727-grid-to-grid-buttons&goto=newpost Wed, 15 May 2013 12:39:06 GMT Okay so I have been looking for something like itemselector but with grids. so I created my own control that can be placed between two grids and it... Okay so I have been looking for something like itemselector but with grids. so I created my own control that can be placed between two grids and it will take the selected records and place add/remove them to the other grid.

here it is.

Code:
Ext.define('App.view.controls.CamGridToGridBtns', {
    extend: 'Ext.container.ButtonGroup',
    alias: 'widget.gridtogridbtns',
    columns:1,
    height: 300,
    width:28,
    margin: '5 0 5 0',
    items: [{
        margin: '120 0 0 0',
        iconCls: 'x-tbar-page-prev',
        handler: function (btn) {
            var me = this.up('container');
            var grid = me.next();
            selected = grid.getView().getSelectionModel().getSelection();
            me.moveRec(false, selected);
        }
    },{
        margin: '0 0 130 0',
        iconCls: 'x-tbar-page-next',
        handler: function (btn) {
            var me = this.up('container');
            var grid = me.prev();
            selected = grid.getView().getSelectionModel().getSelection();
            me.moveRec(true, selected);
        }
    }],


    moveRec: function (add, recs) {
        var me = this,
        fromGrid = me.prev(),
        toGrid = me.next(),
        fromStore = add ? fromGrid.store : toGrid.store,
        toStore = add ? toGrid.store : fromGrid.store;
        toStore.add(recs);
        fromStore.remove(recs);
    }
});
HOW TO USE IT:
Code:
...
{xtype: 'grid', itemId: 'grid1',columns:[{text:'Name', dataIndex:'Name'},{text:'Age', dataIndex:'Age'}]},
{xtype: 'gridtogridbtns'},//<---use it in between two grids
{xtype: 'grid', itemId: 'grid2', columns:[{text:'Name', dataIndex:'Name'},{text:'Age', dataIndex:'Age'}]}
if you want to improve on in anyway feel free to hack at it.
or even if someone has made a better one already let me know:D ]]> Ext:User Extensions and Plugins AssetWorks http://www.sencha.com/forum/showthread.php?263727-grid-to-grid-buttons Ext.ux.TplComponentLoader http://www.sencha.com/forum/showthread.php?262649-Ext.ux.TplComponentLoader&goto=newpost Wed, 01 May 2013 04:15:20 GMT This is an override of ComponentLoader to patch in XTemplate support with renderer:'tpl', you can load templates by URL or embedded in the page like knockout, etc. It also shows model binding that will auto update the template when the model changes.

Overview page and live demo included.
https://github.com/starman69/Ext.ux.TplComponentLoader

 ]]> Ext:User Extensions and Plugins dpatten69 http://www.sencha.com/forum/showthread.php?262649-Ext.ux.TplComponentLoader Ext.ux.data.Encryption, Ext.ux.data.proxy.EncryptedLocalStorage http://www.sencha.com/forum/showthread.php?262424-Ext.ux.data.Encryption-Ext.ux.data.proxy.EncryptedLocalStorage&goto=newpost Sat, 27 Apr 2013 08:31:16 GMT I had a need to encrypt some data in localStorage. I cleaned up the code and built an example for it. The example uses a Notes MVC application and... I had a need to encrypt some data in localStorage. I cleaned up the code and built an example for it. The example uses a Notes MVC application and AES, SHA3 to encrypt the data.

update: added overview page and live demo.

https://github.com/starman69/Ext.ux.data.Encryption


 ]]> Ext:User Extensions and Plugins dpatten69 http://www.sencha.com/forum/showthread.php?262424-Ext.ux.data.Encryption-Ext.ux.data.proxy.EncryptedLocalStorage Could you please explain how can I document @cfg with Sencha Eclipse plugin http://www.sencha.com/forum/showthread.php?262391-Could-you-please-explain-how-can-I-document-cfg-with-Sencha-Eclipse-plugin&goto=newpost Fri, 26 Apr 2013 17:20:16 GMT Hi there, I am testing your Sencha Eclipse plugin. Everything works fine except @cfg tag. I followed the instruction on http://vimeo.com/62190725... Hi there,

I am testing your Sencha Eclipse plugin. Everything works fine except @cfg tag. I followed the instruction on http://vimeo.com/62190725 and copy paste https://github.com/senchaeclipse/Con.../app/CfgEx1.js source code into the IDE. However the code assist does not work like the video demo.

As you can see from the screen shot below, the foo and bar property not showing up and constructor shows (Undefined) instead of MyApp.CfgEx1Cfg.

Could you please explain how can I document @cfg?
Attachment 43385
Thanks
Giovanni
Attached Images
]]> Ext:User Extensions and Plugins ggentile73 http://www.sencha.com/forum/showthread.php?262391-Could-you-please-explain-how-can-I-document-cfg-with-Sencha-Eclipse-plugin Ext.ux.data.PagingStore - updated for Ext JS 4 http://www.sencha.com/forum/showthread.php?262388-Ext.ux.data.PagingStore-updated-for-Ext-JS-4&goto=newpost Fri, 26 Apr 2013 16:02:21 GMT Updating an Ext JS 3 app, finally forced me to need Condor's Ext.ux.data.PagingStore extension, since I couldn't find one amongst the 270+ posts on the thread at http://www.sencha.com/forum/showthre...gingStore-v0.5.

Code is at: https://github.com/aghuddleston/Ext.ux.data.PagingStore

The main difference from the Ext JS 3 version is that start, limit and page are no longer part of params, but are their own properties on the options config used during store load.

Example remote store (note last options):
PHP Code:
     var myStore = Ext.create('Ext.ux.data.PagingStore', {
         model: 'User',
         pageSize: 3,
         lastOptions: {start: 0, limit: 3, page: 1},
         proxy: {
             type: 'ajax',
             url: 'url/goes/here',
             reader: {
                 type: 'json',
                 root: 'rows'
             }
         }
     }); 
Example local store:
PHP Code:
    var myStore = Ext.create('Ext.ux.data.PagingStore', {
         model: 'User',
         pageSize: 3,
         proxy: {
             type: 'memory',
             reader: {
                 type: 'array'
             }
         },
         data: data
     }); 
My goal was to match the behavior of the Ext JS 3 version, so it should only request new data if params or extraParams changes, otherwise it is just paging through the existing store. To force a reload, make sure to delete store.lastParams before store.load is called.

It is very lightly tested so far, with Ext JS 4.1.1. Feel free to fork, push/pull etc for any needed changes/enhancements. ]]> Ext:User Extensions and Plugins aghextjs http://www.sencha.com/forum/showthread.php?262388-Ext.ux.data.PagingStore-updated-for-Ext-JS-4 Multi-sort plugin http://www.sencha.com/forum/showthread.php?262307-Multi-sort-plugin&goto=newpost Thu, 25 Apr 2013 20:22:44 GMT This is my first plugin, and rather simple, but figured I would share it for feedback, and perhaps others might find it helpful. The goal of this... This is my first plugin, and rather simple, but figured I would share it for feedback, and perhaps others might find it helpful.

The goal of this plugin was to allow a grid to have multi-sorting by holding shift while clicking columns. To remove the sorting, click a column by itself to sort by only that column.

I have a separate plugin for removing sorting altogether, but that's something a bit more muddled as it shares alot of other stuff.


Any feedback is welcome.

Code:
/**
 * Plugin that enables a mulit-sorting by holding shift and clicking column headers<br>
 *
 * @author Ing. Jim Eckels
 * @version 1.0 (tested against 4.2.1)
 * @updated 2013-04-20 by Jim Eckels (jeckels@parkcitygroup.com)
 * Initial draft
 * @updated 2013-05-03 by Jim Eckels (jeckels@parkcitygroup.com)
 * Use header tooltip to display what the current sort order applied is
*/
Ext.define('Ext.ux.grid.MultiSort', {
    extend: 'Ext.AbstractPlugin',
    alias: 'plugin.multisort',
    mixins: {
        observable: 'Ext.util.Observable'
    },
   
    // @public
    showToolTip: true,
    sortTipText: 'Sorted by:',
   
    // @private
    _sortCols: [],
    _grid: undefined,
    _toolTip: undefined,
   
    init: function(grid) {
        var me = this;

        grid.on({
            beforedestroy: me.unsetup,
            reconfigure: me.resetup,
            scope: me
        });

        me.setup(grid);
    },
   
    // private
    setup: function(grid) {
        var me = this;
        me._grid = grid;
       
        Ext.each(me._grid.headerCt.getGridColumns(), function (c) {
            c.sortable = false;
            c.on('headerclick',me.onColumnClicked, me);
        }, me);
    },
   
    onColumnClicked: function(header, col, e, t, eOpts){
        var me = this,
            sorters = [];
       
        e.stopEvent();
       
        if (e.shiftKey) {
            Ext.each(me._sortCols, function (c) {
                if(c.sortState) {
                    if( c.id !== col.id ) {
                        sorters.push(
                            {
                                property: c.dataIndex,
                                direction: c.sortState
                            }
                        );
                    }
                } 
            });
        } else {
            Ext.each(me._sortCols, function (c) {
                if(c.sortState) {
                    // if its not the column that was clicked OR, we were previously multi-sorting, clear sortState and remove icons
                    if( (c.id !== col.id) || (me._sortCols.length > 1) ) {
                        c.setSortState(undefined, true, true);
                    }
                }
            });
            me._sortCols = [];
        }
       
        sorters.push(
            {
                property: col.dataIndex,
                direction: me.getDirection(col)
            }
        );
        me.addSortColumn(col);
           
        me._grid.store.sort(sorters);
       
        me.createToolTip();
    },
   
    addSortColumn: function(col){
        var me = this,
            exists = false,
            colToMove = undefined;

        Ext.each(me._sortCols, function (c) {
            if( c.id === col.id ) {
                colToMove = c
                exists = true;
            }
        });
       
        if(colToMove){
            Ext.Array.remove(me._sortCols,colToMove);
            Ext.Array.push(me._sortCols,colToMove);
        }
       
        if( !exists ) {
            me._sortCols.push(col);
        }
    },
   
    getDirection: function(col){
        var dir;
       
        dir = (col.sortState == 'ASC' ) ? 'DESC' : 'ASC';
       
        col.setSortState(dir, true, true);
       
        return dir;
    },
   
    createToolTip: function(){
        var me = this,
            tip = '';
       
        if( me.showToolTip ) {
            me.clearToolTip();

            Ext.each(me._sortCols, function (c) {
                tip += '<br/>' + c.text;
            });

            me._toolTip = Ext.create('Ext.tip.ToolTip',{
                target: me._grid.headerCt.el,
                html: me.sortTipText + tip,
                renderTo: Ext.getBody()
            });
        }
    },
   
    // @public
    clearToolTip: function () {
        var me = this;
        if(me._toolTip) {
            me._toolTip.setTarget(undefined);
            Ext.destroy(me._toolTip);
        }
    },
   
    // private
    unsetup: function(grid) {
        var me = this;
       
        me.clearToolTip();
        me._grid = null;
    },
   
    resetup: function (grid) {
        this.unsetup(grid);
        this.setup(grid);
    }

});
]]> Ext:User Extensions and Plugins JIMECKELS http://www.sencha.com/forum/showthread.php?262307-Multi-sort-plugin Ext.ux.grid.FiltersFeature with remote list source http://www.sencha.com/forum/showthread.php?262239-Ext.ux.grid.FiltersFeature-with-remote-list-source&goto=newpost Thu, 25 Apr 2013 07:42:01 GMT when i using Ext.ux.grid.FiltersFeature with type list, using remote store data, the filters menu ui is not constructed, it ust show an empty box,... when i using Ext.ux.grid.FiltersFeature with type list, using remote store data, the filters menu ui is not constructed, it ust show an empty box, the example using SimAjax, and when i tried to change it using remote proxy, it also resulting the same bug ]]> Ext:User Extensions and Plugins 1412 http://www.sencha.com/forum/showthread.php?262239-Ext.ux.grid.FiltersFeature-with-remote-list-source Ext.data.Model.overlay(record); http://www.sencha.com/forum/showthread.php?262012-Ext.data.Model.overlay(record)&goto=newpost Tue, 23 Apr 2013 06:19:11 GMT I had two models and needed to copy all matching fields from recordA to recordB, couldn't find method in Ext.data.Model that does it. So I quick hack it.



PHP Code:
Ext.override(Ext.data.Model, {
    overlay: function(record) {
        var me = this;
        Ext.iterate(record, function(index, value, fields) {
            if(value != null && (me.data[index] != undefined || me.data[index] == null)) {
                me.set(index, value);
            }
        });
    }
}); 
Use like so:
PHP Code:
recordB.overlay(recordA); 
This will take all matching name and not empy fields from recordA and set them to recordB.

// ]]> Ext:User Extensions and Plugins predator http://www.sencha.com/forum/showthread.php?262012-Ext.data.Model.overlay(record)