Destroy Grid

[albanirneves]

Hello, I have an issue when upgrading to ExtJS 6.2.0:

I have onExitClick method in my controller grid class:

onExitClick: function(btn, e) {
    this.getView().destroy();
}

But, after upgrading, when I call onExitClick method, I have an error:
ext-all-rtl-debug.js:53308 Uncaught TypeError: Cannot read property 'destroy' of undefined(…)

What is undefined is the binding. Before I call the method, grid.getBind() return an object with my store binded. But after this error, my grid is not destroyed, and grid.getBind() return undefined, and console throw the error above. If I call the method again, my grid is destroyed whithout errors.

Can you help me?

[Gary Schlosberg]

Thanks for the report. Can you please post a test case which reproduces this issue?
https://fiddle.sencha.com/#home

[hakimio]

It seems to work fine for me. Here is a simple fiddle to test. No errors. Is this what you are doing or I misunderstood your problem?

[albanirneves]

It seems to work fine for me. Here is a simple fiddle to test. No errors. Is this what you are doing or I misunderstood your problem?

Yes, this is what i'm trying to do. But in my big app it throws a error. I'll test more times. If I get a solution, I post here.

Thanks by now.

[StuartAshworth]

Try adding a handler to the view's destroy method with a debugger statement in it. It sounds like the view is being destroyed automatically since the upgrade - that might help to figure out where the destroy is originating from.

[albanirneves]

Try adding a handler to the view's destroy method with a debugger statement in it. It sounds like the view is being destroyed automatically since the upgrade - that might help to figure out where the destroy is originating from.

Thanks for this idea. I debugged ext codes and figure out the error.

In grid's toolbar there's a field:

{
    xtype: 'textfield',
    flex: 1,
    reference: 'user',
    fieldLabel: 'User',
    bind: {
        value: '{usuarioSearched}',
        readOnly: !Ext.$('app-main')[0].getViewModel().get('permissoes.userAdmin'),
        fieldStyle: '{userFieldStyle}'
    }
}

Note readOnly property in bind. In 6.0.2 version it works but it doesn't in 6.2.0. Ok, it's a bad pratice. Now I did the following:

{
    xtype: 'textfield',
    flex: 1,
    reference: 'user',
    fieldLabel: 'User',
    bind: {
        value: '{usuarioSearched}',
        readOnly: '{userNotAdmin}',
        fieldStyle: '{userFieldStyle}'
    }
}

And in viewModel I added the formula:

userNotAdmin: function(get){
    return !Ext.$('app-main')[0].getViewModel().get('permissoes.userAdmin');
}

Is someone front this issue, maybe it can help.

[StuartAshworth]

Nice one, glad you got it sorted!