Important

You are browsing upcoming documentation for version 6.1 of OroCommerce, scheduled for release in 2025. Read the documentation for version 6.0 (the latest LTS version) to get up-to-date information.

See our Release Process documentation for more information on the currently supported and upcoming releases.

EntityModel

EntityModel provides an approach to work with backend over JSON:API. With the help of registry, it allows to share data over the user interface.

Create a New Model

During the initialization, a model has to be created manually, with the new EntityModel(null, {type: ‘…’}).

import registry from 'oroui/js/app/services/registry';
import EntityModel from 'oroentity/js/app/models/entity-model';

// ...
initModel() {
    // It is supposed, that code is executed inside a component or some other instance
    // that has a life cycle and triggers 'dispose' event at the end
    // (such as a view, model or collection)
    this.taskModel = new EntityModel(null, {type: 'tasks'});
    this.taskModel.set({
        subject: 'Test create action of EntityModel',
        taskPriority: {type: 'taskpriorities', id: 'high'},
        status: {type: 'taskstatuses', id: 'open'}
    });

    this.taskModel.save()
        // Once the model is saved (and obtained its id) it can be published into the registry.
        // A component, creator of the model, is passed into registry
        // to bind its life cycle with the model
        .then(() => registry.put(this.taskModel, this));
}

Once the model is saved, it gets the id and the entity type assigned, and can now be requested from registry.

If an identifier of an entity model (id and type) is known, the model have to be requested from the registry. An instance that is going to use this model have to be provided to the registry as an applicant argument, to bind life cycle with a model.

Update a Model

import EntityModel from 'oroentity/js/app/models/entity-model';

// ...
updateModel() {
    // the last argument is passed to bind life cycles of the model and applicant
    this.taskModel = EntityModel.getEntityModel({type: 'tasks', id: '25'}, this);
    this.taskModel.set({
        subject: 'Test update action of EntityModel',
        taskPriority: {type: 'taskpriorities', id: 'normal'}
    });
    this.taskModel.save();
}

Once applicant object gets disposed, registry will dispose all previously requested models and relationshipCollections automatically, if they were not requested by any other instances.

Retain and Relieve entityModel with the help registry

Sometimes, an entityModel may be obtained without calling the EntityModel.getEntityModel() (e.g., received within options):

initialize(options) {
    this.entityModel = options.entityModel;
    registry.retain(this.entityModel, this);
    // ...
}

In this case, the registry has to be notified that the model is in use by some instance. Otherwise registry can unexpectedly dispose the model as soon as all object-applicants got disposed.

The registry has a method to unbind life cycles of an instance and a model, in case model is not in use any more:

disableView() {
    registry.relieve(this.entityModel, this);
    delete this.entityModel;
    // ...
}

EntityRelationshipCollection

EntityRelationshipCollection instance can either be requested with the help of getEntityRelationshipCollection static method using an identifier object:

import EntityRelationshipCollection from 'oroentity/js/app/models/entity-relationship-collection';
// ...
updateModel() {
    const relationIdentifier = {
        type: 'accounts',
        id: '1',
        association: 'contacts'
    };
    this.accountContacts =
        EntityRelationshipCollection.getEntityRelationshipCollection(relationIdentifier, this);
    this.accountContacts.fetch();
}

Or taken from parent model:

initialize(options) {
    this.accountContacts = options.accountModel.getRelationship('contacts', this);
    this.accountContacts.fetch();
}

In both cases, applicant has to be specified, to allow registry synchronize life cycles of the collection and the applicant.

Add and Remove Models from EntityRelationshipCollection

Here is an example of how models can be added into collection:

addContacts(accountModel) {
    this.accountContacts = accountModel.getRelationship('contacts', this);
    this.accountContacts.add([
        {data: {type: 'contacts', id: '2'}},
        {data: {type: 'contacts', id: '3'}}
    ]);
    this.accountContacts.save();
}

Similar way some models can be removed from collection

removeContacts(accountModel) {
    this.accountContacts = accountModel.getRelationship('contacts', this);
    this.accountContacts.remove([
        {data: {type: 'contacts', id: '2'}},
        {data: {type: 'contacts', id: '3'}}
    ]);
    this.accountContacts.save();
}

Or just reset it with empty array to delete all relations

resetContacts(accountModel) {
    this.accountContacts = accountModel.getRelationship('contacts', this);
    this.accountContacts.reset([]);
    this.accountContacts.save();
}