XTYPEは、私がボタンを持っている場合、次のようにextjs4において同じID

Question

を作成：

Ext.define('Pandora.view.MyButton', { 
extend: 'Ext.button.Button', 
alias: 'widget.mybutton', 
text: 'click me', 
id: 'butid' 

}）。

次のように私は、ビューポートでそれを使用する場合：

    { 
         xtype: 'panel', 
         id: 'panelid', 
         title: 'One tab', 
         html: '<p>what is this </p>' 
        }, 
        { 
         xtype: "mybutton" 

        }, 
        { 
         xtype: "mybutton" 
        } 

これは、（W3C推奨ではありません）同じIDを持つ2つのボタンを作成し、それは奇妙な行動を作り出すことができます。アプリケーションで同じボタンを複数回再利用するには、idを指定しないでxtypeを使用することをお勧めします（この場合、Extjは独自のボタンを作成します）。

Answer 1

これは、同じIDを持つ2つのボタンが作成されます

ExtJS4ドキュメントからクラス

Ext.define('Pandora.view.MyButton', { 
    extend: 'Ext.button.Button', 
    alias: 'widget.mybutton', 
    text: 'click me', 
    id: 'butid'  <========= 
}); 

を作成する際に、IDの設定をハードコードしているので、はい、これはあなたの状況についても同様です。

このIDはの要素IDとしても使用されることに注意してくださいこの コンポーネントのページにレンダリングされるHTML要素を含むこれにより、idベースのCSSルールを記述して、 のこのコンポーネントの特定のインスタンスを一意にスタイル付けし、このコンポーネントのIDを親として使用して サブエレメントを選択することができます。

参考：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.button.Button

Answer 2

IDを使用すると、2つのページ1に、彼らはDOMのidと1対1にマッピングされていないことを意味。したがって、ハードコードされたIDを持つために再利用されるクラスを定義することはできません。あなたはそれをあなたが

// You should also pass in a root component to start the search from 
// but it's optional 
var buttons = Ext.ComponentQuery.query('mybutton', root); 

探しているXTYPEを渡し、あなたのクラスの使用Ext.ComponentQuery.queryのすべての要素を見つける必要がある場合は今、あなたはあなたがExtJSには、W3C標準に従うされていない意味クラス定義