Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Model List Union (gallery-model-list-union) on cdn

Last Updated: 06/23/12

+ 0 -

Steven Olmsted

YUI Contributor

See 42 more by this user.

Featured Item

Created: 01/30/12
Last CDN Push: 05/10/13
Build Tag: gallery-2013.05.10-00-54
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

Creates a model list that is the union of two or more other model lists. The new model list stays up to date as the source lists change.

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

The static method Y.ModelList.union returns a model list that is the union of two or more other model lists.

The first argument determines the type of model list that is created; it may be a constructor function or a string namespace to a constructor function stored on Y. If the first argument is an instance of ModelList, its constructor is used.

Then any number of arguments can follow. The remaining arguments should be ModelList instances or arrays of ModelList instances.

Code Sample

<script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2013.05.10-00-54'
}).use('gallery-model-list-union', function(Y) {
    Y.NameModel = Y.Base.create('NameModel', Y.Model, [], {
    }, {
        ATTRS: {
            name: {
                value: ''
            }
        }
    });
 
    Y.NameModelList = Y.Base.create('NameModelList', Y.ModelList, [], {
        comparator: function (model) {
            return model.get('name');
        },
        model: Y.NameModel
    });
 
    var nameModelList0 = new Y.NameModelList().reset([{
            name: 'Jeffrey'
        }, {
            name: 'Emily'
        }, {
            name: 'Luke'
        }]),
        nameModelList1 = new Y.NameModelList().reset([{
            name: 'Kara'
        }, {
            name: 'Eric'
        }, {
            name: 'George'
        }]),
        nameModelList2 = new Y.NameModelList().reset([{
            name: 'Jim'
        }, {
            name: 'Raymond'
        }, {
            name: 'Jennifer'
        }]),
        nameModelListUnion = Y.ModelList.union('NameModelList', nameModelList0, nameModelList1, nameModelList2);
 
    alert(nameModelListUnion.get('name').join(', '));
    // Emily, Eric, George, Jeffrey, Jennifer, Jim, Kara, Luke, Raymond
 
    nameModelList1.add({
        name: 'Sarah'
    });
 
    nameModelList2.add({
        name: 'Matthew'
    });
 
    alert(nameModelListUnion.get('name').join(', '));
    // Emily, Eric, George, Jeffrey, Jennifer, Jim, Kara, Luke, Matthew, Raymond, Sarah
 
    nameModelList0.reset();
 
    alert(nameModelListUnion.get('name').join(', '));
    // Eric, George, Jennifer, Jim, Kara, Matthew, Raymond, Sarah
});

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2013.05.10-00-54'
}).use('gallery-model-list-union', function(Y) {
    Y.NameModel = Y.Base.create('NameModel', Y.Model, [], {
    }, {
        ATTRS: {
            name: {
                value: ''
            }
        }
    });
        
    Y.NameModelList = Y.Base.create('NameModelList', Y.ModelList, [], {
        comparator: function (model) {
            return model.get('name');
        },
        model: Y.NameModel
    });

nameModelList2.add({
        name: 'Matthew'
    });
    
    alert(nameModelListUnion.get('name').join(', '));
    // Emily, Eric, George, Jeffrey, Jennifer, Jim, Kara, Luke, Matthew, Raymond, Sarah
    
    nameModelList0.reset();
    
    alert(nameModelListUnion.get('name').join(', '));
    // Eric, George, Jennifer, Jim, Kara, Matthew, Raymond, Sarah
});