How to find source of custom class in EXTJS

Question

I have this particular code snippet in a JS file:

var fileView = Ext.create('My.ext.File.Panel', {
            style: 'border:none;',
            loadMask: {
                msg: 'Please wait ...'
        ...

And when i search i can see that My.ext.File.Panel appears in the requires config of various custom components.

But i am not able to find Ext.define('My.ext.File.Panel' anywhere in the source.

Can anybody shed some light or point me to how i can find out the source for this custom panel - My.ext.File.Panel. I have tried debugging with dev-tools in chrome and firefox but could not get it, not sure where to look.

Thank You

Also i was just thinking are there other ways to define a class without using Ext.define? — Prakash K

Artem Stepin Artem Stepin · Accepted Answer · 2017-06-14T08:27:52

There are some ways to create a class in ExtJs or to assign an alias. Perhaps the class name is assembled using variables.

The Ext.ClassManager has a debug function, which can record any registration of a class. Insert the code example below before you start your application. This should help you to get to the code that defines the class.

Ext.classSystemMonitor = function(className){
  if(className === 'My.ext.File.Panel')
  {
      console.log(className, arguments);
  }
};

How to find source of custom class in EXTJS

1 Answers