如何在sencha touch中使用不帶ID的分段按鈕？

Question

Code: 

    items: [{ 
      xtype: 'segmentedbutton', 
      disabled: true, 
      //id:'segmentWidget', 
        items: [ 
         { 
          text: 'text1', 
          flex: 1, 
         }, 
         { 
          text: 'text2', 
          flex: 1 
         }, 
         { 
          text: 'text2', 
          flex: 1 
         } 
        ] 

     }] 

Ext.getCmp（'segmentWidget'）。setPressedButtons（0）;

我怎麼能做到這一點，而無需使用ID

感謝

Answer 1

如果你不想使用id在煎茶選擇組件（和它是一個好主意，這樣做的時候可能讓事情可重複使用並避免污染全球ID空間），您有幾種選擇。

（大膽部分從煎茶文檔拍攝，剩下的就是我的）

1. Ext.Container.getComponent()方法：檢查該容器的項目屬性，並得到此容器的直接子組件。基本上你傳入一個字符串，該字符串應該與該容器中的items之一的id或itemId屬性匹配。

2. Ext.Container.query()方法：檢索與傳遞的選擇器匹配的所有後代組件。以此容器爲根執行Ext.ComponentQuery.query。這將返回一個Ext.Component的數組。查看Ext.ComponentQuery.query文檔瞭解您可以執行哪些查詢。總之，你可以簡單地通過xtype選擇，你的情況，你可以這樣做：fatherComponent.query('segmentedbutton')[0]，或通過其他屬性，例如：fatherComponent.query('[text=text1]')[0]

3. Ext.Component.up()方法：走到了ownerCt軸尋找一個祖先容器，其匹配的通過簡單的選擇器。