EXTJS

2017-06-14 11 views
0

私はJSファイルでこの特定のコードスニペット持ちでカスタムクラスのソースを見つける方法:EXTJS

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でdev-toolsを使ってデバッグしようとしましたが、どこに見えるかわからないので、それを得ることができませんでした。

はExtJSの中でクラスを作成するか、別名を割り当てるために、いくつかの方法がありますがあなたに

+0

このコードはデベロッパーコンソールまたはエディタで検索していますか? – Tejas

+0

@Tejasは両方を試しました。 –

+0

また、私は、 'Ext.define'を使わずにクラスを'定義 'する他の方法があると考えていましたか? –

答えて

1

ありがとうございます。おそらく、クラス名は変数を使用してアセンブルされます。

Ext.ClassManagerには、クラスの登録を記録できるデバッグ機能があります。アプリケーションを開始する前に、以下のコード例を挿入します。これは、クラスを定義するコードにアクセスするのに役立ちます。

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

ありがとうございます。試して更新します。 'おそらく、クラス名は変数を使ってアセンブルされています。 –

+0

私はこれをどのように使うことができるのか分かりません。あなたは助けてもらえますか? –

+1

私は以下を使用します: 1)console.logの他に 'debugger;'ステートメントを追加します 2)アプリケーションが 'Ext.application'で定義される前に' app.js'ファイルにcodeblockを挿入します。 3)デバッガ(Chrome Dev Toolsを開いておく必要があります)が停止している場合は、呼び出し元の場所から呼び出しスタックを調べます。 ここには、ExtJsコアにないファイルがあります。例:https://fiddle.sencha.com/#view/editor&fiddle/21fl –