問題タブ [component-query]

複数のクラスを持つアイテムを検索するExtJSコンポーネントクエリの例を見つけようとしています。

これは、クラスごとにコンポーネントを検索するための標準です。

私は次のようなことをしたい：

誰かがこれの例を持っていますか？

ありがとう

ところで、コンポーネントには10​​個のクラスがあるかもしれませんが、2個だけ指定したいのです。

両方のコンポーネントを検索する' r1 & c1'

グリッド パネルの行に含まれる値を動的に変更する必要がありますが、行を選択する方法がわかりません。ComponentQuery を使用して選択できますか?

セレクターとして使用したい一意の識別子を持つ非表示の列がありますが、これが可能かどうか、可能であれば構文はどうなるかわかりません。

任意のガイダンスをいただければ幸いです。

[編集] 明確にするために、グリッド行でユーザーに表示されるものを単純に変更し、基礎となるデータを更新しないようにしたい - おそらくこれは不可能ですか?

Ext.getCmp(..) を使用せずに参照を取得するのに苦労しています。Ext.getCmp を実稼働アプリで使用しないことが最善である理由を理解しています。これは主に、重複した DOM ID に関する混乱の可能性があるためです。以下に基本的なサンプルを作成しましたが、その中にいくつかのコメントを入れました.

また、このトピックに関する非常に優れた説明やチュートリアルなども探しています。ComponentQuery を実行する方法を学ぶのが最善だと思いますが、そうであるかどうかさえわかりません。したがって、これ以上の言葉はありませんが、ここにコードがあります。私が理解したいことについては、ポップアップウィンドウのボタンイベントをご覧ください。

ボタンをクリックするだけで非表示のパネルを表示したいだけです。

現在、私はこのコードを持っています:

親パネルを見つけて、そのパネルの次の兄弟を表示します。（私はそれを正しく説明したと思います..？）

ただし、ComponentQuery を使用して、表示したいパネルを呼び出す方が効率的だと思います。アプリケーションのレイアウトは途中で変更される可能性があり、コンポーネントとその機能の階層が変更される可能性があるためです。

表示したいhiddenリストビュー（パネル）は次のとおりです。

何か案は？

基本的に、私がやろうとしているのは、グローバル コンポーネント クエリを実行することなく、ボタンのコンポーネントをクエリすることです。以下に示すように、Guid の「Id」を持つボタンを含む menuPanel があります。

var test1 = menuPanel.query('button[id="38eb85fd-c18e-4a2d-a382-881732c732f9"]')[0];

上記をログに記録すると、期待どおりに上記の GUID を返す正しいオブジェクトが取得されます。

ただし、以下のコードは「未定義」をログに記録します

var test2 = menuPanel.query('button[id="'+record.get('Id')+'"]')[0];

私が見逃したアイデアはありますか？

前もって感謝します

ExtJS は初めてで、コンテキスト メニューを追加した TreePanel があります。私の TreePanel とコンテキスト メニューは次のように定義されています。

これは私が期待するように機能しています。ツリー ノードを右クリックすると、[すべて展開] および [すべて折りたたむ] メニュー項目を含むコンテキスト メニューがポップアップ表示されます。私が問題を抱えているのは、コンテキスト メニュー項目のコントローラーにイベント ハンドラーを接続することです。

私のコントローラーでは、次のようにイベント ハンドラーを接続しています。

これらのイベント ハンドラは正常に動作しています。残念ながら、コンテキスト メニュー項目に一致するコンポーネント クエリを思いつくことができないようです。そのため、それらのクリック イベント ハンドラを接続することができます。私はそれが次のようなものになると思っていました：

また

ただし、これらはどちらも適切に機能していないようです。誰が私が間違っているのか教えてもらえますか? ありがとう！

以下は、4 つのタブがあるコードのスニペットです。グループタブはデフォルトで設定されています。したがって、ビューが読み込まれると、デフォルトでグループが有効になります。

デフォルトのタブが「グループ」の場合、Jasmine を使用してテストする必要があります。どうすればいいのですか？前もって感謝します ：-）

Ext.panel.Panel (またはExt.panel.Table、Ext.grid.Panel、または任意のカスタム クラスなどの直接または間接のサブクラス) タイプの子が 1 つだけあるパネルAがあります。A のこの子を照会したい。どうやってやるの？