如何在 EXTJS 中查找自定义 class 的来源

Question

我在 JS 文件中有这个特定的代码片段：

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

当我搜索时，我可以看到 My.ext.File.Panel 出现在各种自定义组件的 requires 配置中。

但我无法在源代码中的任何地方找到 Ext.define('My.ext.File.Panel'。

任何人都可以透露一些信息或告诉我如何找到这个自定义面板的来源 - My.ext.File.Panel。我已经尝试在 chrome 和 firefox 中使用开发工具进行调试，但无法获得它，不知道去哪里找。

谢谢

Answer 1

有一些方法可以在 ExtJs 中创建 class 或分配别名。也许 class 名称是使用变量组装的。

Ext.ClassManager有调试功能，可以记录class的任何注册。在启动应用程序之前插入下面的代码示例。这应该可以帮助您找到定义 class.

的代码

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

如何在 EXTJS 中查找自定义 class 的来源

How to find source of custom class in EXTJS

extjs

extjs6-classic