Custom detail.js onChange event

[item]

Hi,

RESOLVED..
my apology, this was a old beforSave hook who empty my field.

so this function perfecly

define('custom:views/meeting/detail', ['crm:views/meeting/detail'],  function (Dep) {
    return Dep.extend({
        setup: function () {
            Dep.prototype.setup.call(this);
            this.listenTo(this.model, 'change:parentId', function () {
                if (this.model.get('parentId') && this.model.get('parentType') =='Patient' && this.model.hasChanged('parentId') ){
                    this.ajaxGetRequest('Patient/' + this.model.get('parentId')).then(function (patient) {
                        let place =  patient['addressStreet'] +' ' + patient['addressPostalCode'] + ' ' + patient['addressCity'];
                           this.model.set('place', place );

                        this.model.save({place: place}, {patch: true});  
                        this.trigger('after:save', this.model);  

                    }.bind(this));    
                }
            }, this);
        },
        afterRender: function() {
            Dep.prototype.afterRender.call(this);
        },        
    });
});​ 

[item]

Hi, 3 like nice..

but as my skill is 0 in front-end .. how make this work in all views ?
modal, edit, small ... create, .. maybe other .. it's out of my skill :s

Really, need to understand where put ..
record view, field view, .. detail, small, ...
so this work in any view .. (not inline this i have understand i think)
it's too my english

[telecastg]

Hello item

These are the default front end view classes: (you can change them in the entity's clientDefs.json script)

views: {
    "list": "views/list"
    "detail" : "views/detail"
},
recordViews: {
    "list" : "views/record/list",
    "detail": "views/record/detail"
    "edit" : "views/record/edit",
    "detailSmall" : "views/record/detail/small",
    "editSmall" : "views/record/edit/small",
    "kanban" : "views/record/kanban"
}

Looking at your code above, I would suggest implementing the functionality in the "recordViews" "detail" view which actually controls the screen section where the entity data (fields) are located.

Please see the diagram below:



Something like this: (I didn't test it but should work well)

define('custom:views/meeting/record/detail', ['crm:views/meeting/record/detail'],  function (Dep) {
    return Dep.extend({
        setup: function () {
            Dep.prototype.setup.call(this);
            this.listenTo(this.model, 'change:parentId', function () {
                if (this.model.get('parentId') && this.model.get('parentType') =='Patient' && this.model.hasChanged('parentId') ){
                    this.ajaxGetRequest('Patient/' + this.model.get('parentId')).then(function (patient) {
                        let place =  patient['addressStreet'] +' ' + patient['addressPostalCode'] + ' ' + patient['addressCity'];
                           this.model.set('place', place );

                        this.model.save({place: place}, {patch: true});  
                        this.trigger('after:save', this.model);  

                    }.bind(this));    
                }
            }, this);
        },
        afterRender: function() {
            Dep.prototype.afterRender.call(this);
        },        
    });
});​  ​ 

Please see this posting for a quick description of what part of the screen is controlled by each view class https://forum.espocrm.com/forum/deve...hing#post61108

[telecastg]

I realized that I had not responded to your question of how to implement this functionality across all types of views, but that is a little more elaborate so I posted a tutorial that I think will be easier to follow.

https://forum.espocrm.com/forum/developer-help/developer-tutorials/89939-how-to-implement-custom-functionality-across-all-types-of-views-for-the-meeting-scope#post89939