Formula not firing when item doesn't exist

[darkorigins]

Hi All

ExtJS 6.6 Classic

I'm trying to create a very simple formula to return a users name. Almost straight out of the manual. However is one of the components doesn't exist the formula doesn't appear to be called;

    formulas: {
        users_name function(get) {
            console.log('users_name formula called');


            var fname 	= get('customerRecord.lname'),
                lname	= get('customerRecord.lname'),
                name	= (fname && lname) ? (fname + '  ' + lname) : (fname || lname || '');

           return (name);

if fname and lname both exist, everything works as expected.

If either do not exist formula doesn't appear to get called. Or is crashing before the console.log line gets out. No errors in the console either.


Rest of code is a popup form, with fname, lname bound to fields. Whole form is actually loadrecord'd after create.


Anyone seen this before?

Thanks
Mark

[bluehipy]

Use just get('customerRecord') and read the required fields on your own.

I know is 5 years later

[darkorigins]

Hi Bluehipy ... 5 years ... no, it's other date on the post ... 5 days :-)

My problem is that the function isn't getting called at all if the fields are not yet. It doesnt even get to the console.log

Mark

[bluehipy]

Your code is wrong.
You are reading twice the same field in the record.

I have tested your case and it works just fine.

Ext.application({
    name : 'Fiddle',


    launch : function() {
        Ext.define('Fiddle.Component', {
            extend: 'Ext.Component',
            alias: 'widget.fiddlecomponent',
            bind: {
                html: '{users_name}'
            },
            config: {
                record: null
            },
            viewModel: {
                data: {
                    record: null
                    
                },
                formulas: {
                    users_name: function(get) {
                           console.log('users_name formula called');
                           var fname 	= get('record.fname'),
                               lname	= get('record.lname'),
                               name	= (fname && lname) ? (fname + '  ' + lname) : (fname || lname || '');


                            return (name);
                    }
                }
            },
            updateRecord: function (newValue) {
                this.getViewModel().set('record', newValue);
            }
        });


        var panel = Ext.create('Ext.panel.Panel', {
            items: [{
                xtype: 'fiddlecomponent',
                bind: {
                    record: '{recordA}'
                }
            }, {
                xtype: 'fiddlecomponent',
                bind: {
                    record: '{recordB}'
                }
            }],
            renderTo: Ext.getBody(),
            title: 'Panel Title',
            viewModel: {
                data: {
                    recordA: Ext.create('Ext.data.Model', {
                         lname: 'Blue',
                         fname: 'Hipy'                         
                    }),
                    recordB: Ext.create('Ext.data.Model', {
                         fname: 'Hipy'                         
                    })
                }
            }
        });
    }
});

[darkorigins]

Hummm .. sorry I think the duplicated field is a typo introduced by me trying to make a simple example. The original was part of a much bigger program.

Thanks for your code. I will try and create a fiddle based on that and my code. It's possible there's something else causing the issue.

[darkorigins]

OK, in an effort to leave some clarity on the thread, here is a fiddle of what I was trying to do;

https://fiddle.sencha.com/#view/editor&fiddle/2kg1

What I am seeing is that when you click on a partially populated record (eg dino) the viewmodel formula was not being run and therefore the panel title was not being set.

However if you predefine all the model fields;

   viewModel: {
        data:  {
                fname: null,
                lname: null
            }
}

... all seems to work as you would expect!