| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323 | <!DOCTYPE html><html><head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>The source code</title>  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>  <style type="text/css">    .highlight { display: block; background-color: #ddd; }  </style>  <script type="text/javascript">    function highlight() {      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";    }  </script></head><body onload="prettyPrint(); highlight();">  <pre class="prettyprint lang-js"><span id='Ext-data-association-HasOne'>/**</span> * @class Ext.data.association.HasOne *  * Represents a one to one association with another model. The owner model is expected to have * a foreign key which references the primary key of the associated model: * *     Ext.define('Address', { *         extend: 'Ext.data.Model', *         fields: [ *             { name: 'id',          type: 'int' }, *             { name: 'number', type: 'string' }, *             { name: 'street', type: 'string' }, *             { name: 'city', type: 'string' }, *             { name: 'zip', type: 'string' }, *         ] *     }); * *     Ext.define('Person', { *         extend: 'Ext.data.Model', *         fields: [ *             { name: 'id',   type: 'int' }, *             { name: 'name', type: 'string' }, *             { name: 'address_id', type: 'int'} *         ], *         // we can use the hasOne shortcut on the model to create a hasOne association *         associations: [{ type: 'hasOne', model: 'Address' }] *     }); * * In the example above we have created models for People and Addresses, and linked them together * by saying that each Person has a single Address. This automatically links each Person to an Address * based on the Persons address_id, and provides new functions on the Person model: * * ## Generated getter function * * The first function that is added to the owner model is a getter function: * *     var person = new Person({ *         id: 100, *         address_id: 20, *         name: 'John Smith' *     }); * *     person.getAddress(function(address, operation) { *         // do something with the address object *         alert(address.get('id')); // alerts 20 *     }, this); * * The getAddress function was created on the Person model when we defined the association. This uses the * Persons configured {@link Ext.data.proxy.Proxy proxy} to load the Address asynchronously, calling the provided * callback when it has loaded. * * The new getAddress function will also accept an object containing success, failure and callback properties * - callback will always be called, success will only be called if the associated model was loaded successfully * and failure will only be called if the associatied model could not be loaded: * *     person.getAddress({ *         reload: true, // force a reload if the owner model is already cached *         callback: function(address, operation) {}, // a function that will always be called *         success : function(address, operation) {}, // a function that will only be called if the load succeeded *         failure : function(address, operation) {}, // a function that will only be called if the load did not succeed *         scope   : this // optionally pass in a scope object to execute the callbacks in *     }); * * In each case above the callbacks are called with two arguments - the associated model instance and the * {@link Ext.data.Operation operation} object that was executed to load that instance. The Operation object is * useful when the instance could not be loaded. *  * Once the getter has been called on the model, it will be cached if the getter is called a second time. To * force the model to reload, specify reload: true in the options object. * * ## Generated setter function * * The second generated function sets the associated model instance - if only a single argument is passed to * the setter then the following two calls are identical: * *     // this call... *     person.setAddress(10); * *     // is equivalent to this call: *     person.set('address_id', 10); *      * An instance of the owner model can also be passed as a parameter. * * If we pass in a second argument, the model will be automatically saved and the second argument passed to * the owner model's {@link Ext.data.Model#save save} method: * *     person.setAddress(10, function(address, operation) { *         // the address has been saved *         alert(address.get('address_id')); //now alerts 10 *     }); * *     //alternative syntax: *     person.setAddress(10, { *         callback: function(address, operation), // a function that will always be called *         success : function(address, operation), // a function that will only be called if the load succeeded *         failure : function(address, operation), // a function that will only be called if the load did not succeed *         scope   : this //optionally pass in a scope object to execute the callbacks in *     }) * * ## Customisation * * Associations reflect on the models they are linking to automatically set up properties such as the * {@link #primaryKey} and {@link #foreignKey}. These can alternatively be specified: * *     Ext.define('Person', { *         fields: [...], * *         associations: [ *             { type: 'hasOne', model: 'Address', primaryKey: 'unique_id', foreignKey: 'addr_id' } *         ] *     }); * * Here we replaced the default primary key (defaults to 'id') and foreign key (calculated as 'address_id') * with our own settings. Usually this will not be needed. */Ext.define('Ext.data.association.HasOne', {    extend: 'Ext.data.association.Association',    alternateClassName: 'Ext.data.HasOneAssociation',    alias: 'association.hasone',    <span id='Ext-data-association-HasOne-cfg-foreignKey'>    /**</span>     * @cfg {String} foreignKey The name of the foreign key on the owner model that links it to the associated     * model. Defaults to the lowercased name of the associated model plus "_id", e.g. an association with a     * model called Person would set up a address_id foreign key.     *     *     Ext.define('Person', {     *         extend: 'Ext.data.Model',     *         fields: ['id', 'name', 'address_id'], // refers to the id of the address object     *         hasOne: 'Address'     *     });     *     *     Ext.define('Address', {     *         extend: 'Ext.data.Model',     *         fields: ['id', 'number', 'street', 'city', 'zip'],      *         belongsTo: 'Person'     *     });     *     var Person = new Person({     *         id: 1,     *         name: 'John Smith',     *         address_id: 13     *     }, 1);     *     person.getAddress(); // Will make a call to the server asking for address_id 13     *     */<span id='Ext-data-association-HasOne-cfg-getterName'>    /**</span>     * @cfg {String} getterName The name of the getter function that will be added to the local model's prototype.     * Defaults to 'get' + the name of the foreign model, e.g. getAddress     */<span id='Ext-data-association-HasOne-cfg-setterName'>    /**</span>     * @cfg {String} setterName The name of the setter function that will be added to the local model's prototype.     * Defaults to 'set' + the name of the foreign model, e.g. setAddress     */<span id='Ext-data-association-HasOne-cfg-type'>    /**</span>     * @cfg {String} type The type configuration can be used when creating associations using a configuration object.     * Use 'hasOne' to create a HasOne association.     *     *     associations: [{     *         type: 'hasOne',     *         model: 'Address'     *     }]     */        constructor: function(config) {        this.callParent(arguments);        var me             = this,            ownerProto     = me.ownerModel.prototype,            associatedName = me.associatedName,            getterName     = me.getterName || 'get' + associatedName,            setterName     = me.setterName || 'set' + associatedName;        Ext.applyIf(me, {            name        : associatedName,            foreignKey  : associatedName.toLowerCase() + "_id",            instanceName: associatedName + 'HasOneInstance',            associationKey: associatedName.toLowerCase()        });        ownerProto[getterName] = me.createGetter();        ownerProto[setterName] = me.createSetter();    },    <span id='Ext-data-association-HasOne-method-createSetter'>    /**</span>     * @private     * Returns a setter function to be placed on the owner model's prototype     * @return {Function} The setter function     */    createSetter: function() {        var me              = this,            ownerModel      = me.ownerModel,            foreignKey      = me.foreignKey;        //'this' refers to the Model instance inside this function        return function(value, options, scope) {            if (value && value.isModel) {                value = value.getId();            }                        this.set(foreignKey, value);            if (Ext.isFunction(options)) {                options = {                    callback: options,                    scope: scope || this                };            }            if (Ext.isObject(options)) {                return this.save(options);            }        };    },<span id='Ext-data-association-HasOne-method-createGetter'>    /**</span>     * @private     * Returns a getter function to be placed on the owner model's prototype. We cache the loaded instance     * the first time it is loaded so that subsequent calls to the getter always receive the same reference.     * @return {Function} The getter function     */    createGetter: function() {        var me              = this,            ownerModel      = me.ownerModel,            associatedName  = me.associatedName,            associatedModel = me.associatedModel,            foreignKey      = me.foreignKey,            primaryKey      = me.primaryKey,            instanceName    = me.instanceName;        //'this' refers to the Model instance inside this function        return function(options, scope) {            options = options || {};            var model = this,                foreignKeyId = model.get(foreignKey),                success,                instance,                args;            if (options.reload === true || model[instanceName] === undefined) {                instance = Ext.ModelManager.create({}, associatedName);                instance.set(primaryKey, foreignKeyId);                if (typeof options == 'function') {                    options = {                        callback: options,                        scope: scope || model                    };                }                                // Overwrite the success handler so we can assign the current instance                success = options.success;                options.success = function(rec){                    model[instanceName] = rec;                    if (success) {                        success.apply(this, arguments);                    }                };                associatedModel.load(foreignKeyId, options);                // assign temporarily while we wait for data to return                model[instanceName] = instance;                return instance;            } else {                instance = model[instanceName];                args = [instance];                scope = scope || options.scope || model;                //TODO: We're duplicating the callback invokation code that the instance.load() call above                //makes here - ought to be able to normalize this - perhaps by caching at the Model.load layer                //instead of the association layer.                Ext.callback(options, scope, args);                Ext.callback(options.success, scope, args);                Ext.callback(options.failure, scope, args);                Ext.callback(options.callback, scope, args);                return instance;            }        };    },    <span id='Ext-data-association-HasOne-method-read'>    /**</span>     * Read associated data     * @private     * @param {Ext.data.Model} record The record we're writing to     * @param {Ext.data.reader.Reader} reader The reader for the associated model     * @param {Object} associationData The raw associated data     */    read: function(record, reader, associationData){        var inverse = this.associatedModel.prototype.associations.findBy(function(assoc){            return assoc.type === 'belongsTo' && assoc.associatedName === record.$className;        }), newRecord = reader.read([associationData]).records[0];                record[this.instanceName] = newRecord;            //if the inverse association was found, set it now on each record we've just created        if (inverse) {            newRecord[inverse.instanceName] = record;        }    }});</pre></body></html>
 |