--- /dev/null
+<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-data.BelongsToAssociation'>/**
+</span> * @author Ed Spencer
+ * @class Ext.data.BelongsToAssociation
+ * @extends Ext.data.Association
+ *
+ * <p>Represents a many 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:</p>
+ *
+<pre><code>
+Ext.define('Category', {
+ extend: 'Ext.data.Model',
+ fields: [
+ {name: 'id', type: 'int'},
+ {name: 'name', type: 'string'}
+ ]
+});
+
+Ext.define('Product', {
+ extend: 'Ext.data.Model',
+ fields: [
+ {name: 'id', type: 'int'},
+ {name: 'category_id', type: 'int'},
+ {name: 'name', type: 'string'}
+ ],
+ // we can use the belongsTo shortcut on the model to create a belongsTo association
+ belongsTo: {type: 'belongsTo', model: 'Category'}
+});
+</code></pre>
+ * <p>In the example above we have created models for Products and Categories, and linked them together
+ * by saying that each Product belongs to a Category. This automatically links each Product to a Category
+ * based on the Product's category_id, and provides new functions on the Product model:</p>
+ *
+ * <p><u>Generated getter function</u></p>
+ *
+ * <p>The first function that is added to the owner model is a getter function:</p>
+ *
+<pre><code>
+var product = new Product({
+ id: 100,
+ category_id: 20,
+ name: 'Sneakers'
+});
+
+product.getCategory(function(category, operation) {
+ //do something with the category object
+ alert(category.get('id')); //alerts 20
+}, this);
+</code></pre>
+*
+ * <p>The getCategory function was created on the Product model when we defined the association. This uses the
+ * Category's configured {@link Ext.data.proxy.Proxy proxy} to load the Category asynchronously, calling the provided
+ * callback when it has loaded.</p>
+ *
+ * <p>The new getCategory 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:</p>
+ *
+<pre><code>
+product.getCategory({
+ callback: function(category, operation) {}, //a function that will always be called
+ success : function(category, operation) {}, //a function that will only be called if the load succeeded
+ failure : function(category, 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
+});
+</code></pre>
+ *
+ * <p>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.</p>
+ *
+ * <p><u>Generated setter function</u></p>
+ *
+ * <p>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:</p>
+ *
+<pre><code>
+//this call
+product.setCategory(10);
+
+//is equivalent to this call:
+product.set('category_id', 10);
+</code></pre>
+ * <p>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:</p>
+<pre><code>
+product.setCategory(10, function(product, operation) {
+ //the product has been saved
+ alert(product.get('category_id')); //now alerts 10
+});
+
+//alternative syntax:
+product.setCategory(10, {
+ callback: function(product, operation), //a function that will always be called
+ success : function(product, operation), //a function that will only be called if the load succeeded
+ failure : function(product, 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
+})
+</code></pre>
+*
+ * <p><u>Customisation</u></p>
+ *
+ * <p>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:</p>
+ *
+<pre><code>
+Ext.define('Product', {
+ fields: [...],
+
+ associations: [
+ {type: 'belongsTo', model: 'Category', primaryKey: 'unique_id', foreignKey: 'cat_id'}
+ ]
+});
+ </code></pre>
+ *
+ * <p>Here we replaced the default primary key (defaults to 'id') and foreign key (calculated as 'category_id')
+ * with our own settings. Usually this will not be needed.</p>
+ */
+Ext.define('Ext.data.BelongsToAssociation', {
+ extend: 'Ext.data.Association',
+
+ alias: 'association.belongsto',
+
+<span id='Ext-data.BelongsToAssociation-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 Product would set up a product_id foreign key.
+ * <pre><code>
+Ext.define('Order', {
+ extend: 'Ext.data.Model',
+ fields: ['id', 'date'],
+ hasMany: 'Product'
+});
+
+Ext.define('Product', {
+ extend: 'Ext.data.Model',
+ fields: ['id', 'name', 'order_id'], // refers to the id of the order that this product belongs to
+ belongsTo: 'Group'
+});
+var product = new Product({
+ id: 1,
+ name: 'Product 1',
+ order_id: 22
+}, 1);
+product.getOrder(); // Will make a call to the server asking for order_id 22
+
+ * </code></pre>
+ */
+
+<span id='Ext-data.BelongsToAssociation-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. getCategory
+ */
+
+<span id='Ext-data.BelongsToAssociation-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. setCategory
+ */
+
+<span id='Ext-data.BelongsToAssociation-cfg-type'> /**
+</span> * @cfg {String} type The type configuration can be used when creating associations using a configuration object.
+ * Use 'belongsTo' to create a HasManyAssocation
+ * <pre><code>
+associations: [{
+ type: 'belongsTo',
+ model: 'User'
+}]
+ * </code></pre>
+ */
+
+ 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 + 'BelongsToInstance',
+ associationKey: associatedName.toLowerCase()
+ });
+
+ ownerProto[getterName] = me.createGetter();
+ ownerProto[setterName] = me.createSetter();
+ },
+
+<span id='Ext-data.BelongsToAssociation-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,
+ associatedModel = me.associatedModel,
+ foreignKey = me.foreignKey,
+ primaryKey = me.primaryKey;
+
+ //'this' refers to the Model instance inside this function
+ return function(value, options, scope) {
+ this.set(foreignKey, value);
+
+ if (typeof options == 'function') {
+ options = {
+ callback: options,
+ scope: scope || this
+ };
+ }
+
+ if (Ext.isObject(options)) {
+ return this.save(options);
+ }
+ };
+ },
+
+<span id='Ext-data.BelongsToAssociation-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 foreignKeyId = this.get(foreignKey),
+ instance, callbackFn;
+
+ if (this[instanceName] === undefined) {
+ instance = Ext.ModelManager.create({}, associatedName);
+ instance.set(primaryKey, foreignKeyId);
+
+ if (typeof options == 'function') {
+ options = {
+ callback: options,
+ scope: scope || this
+ };
+ }
+
+ associatedModel.load(foreignKeyId, options);
+ } else {
+ instance = this[instanceName];
+
+ //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.
+ if (typeof options == 'function') {
+ options.call(scope || this, instance);
+ }
+
+ if (options.success) {
+ options.success.call(scope || this, instance);
+ }
+
+ if (options.callback) {
+ options.callback.call(scope || this, instance);
+ }
+
+ return instance;
+ }
+ };
+ },
+
+<span id='Ext-data.BelongsToAssociation-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){
+ record[this.instanceName] = reader.read([associationData]).records[0];
+ }
+});
+</pre></pre></body></html>
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff