アイテムを表示して非表示

Question

今回はアイテムを表示して消滅させるのが問題です。 私はそれがhide()とshow()で行われていることを知っていますが、私はどのようにわからないのですか？ ここに私のコードです。 "datepickerfield" 私は "selectfield" の "予定" を選択すると

App.views.Bankingrendezvous = Ext.extend(Ext.Panel, { 

items: [{ 
xtype: 'formpanel', 
id: 'form', 
fullscreen: true, 
scroll: 'vertical', 
items: [{ 

     xtype: 'fieldset', 
     title: 'Information & Appointment', 
    }, 
    { 
     xtype: 'selectfield', 
     id: 'request', 
     label: 'You need', 
     options: [ 
     { 
      text: 'Appointment', 
      value: 'Appointment' 
     }, 
     { 
      text: 'Information', 
      value: 'Information', 

     }] 



    }, 
    { 
xtype: "datepickerfield", 
id: "startDate", 
label: "when", 
picker: { yearFrom: 2012, yearTo: 2020} 

    },}] 
    }] 
    }); 
    Ext.reg('Bankingrendezvous', App.views.Bankingrendezvous); 

---

はあなたに感謝：私はXTYPEが表示されるようにしたいです。

{ 
xtype: "datepickerfield", 
id: "startDate", 
label: "when", 
picker: { yearFrom: 2012, yearTo: 2020} 
    this.items.getAt().hide(); 
}, 

しかし、うまくいきません。

---

​​

私はこれを試してみましたが、それは次の2つの方法のいずれかを使用することができます

Answer 1

仕事をdoesnt：hide()/show()またはsetVisible(true/false)を。

、あなたのアイテムにアクセスするには、オブジェクトの内部（例えば、initComponent（）内のイベントを）したい場合は、次の句を使用します。あなたはそれを行うクラスのうちの要素にアクセスを設定するためには

this.items.getAt(<index of item>).hide(); 
this.items.getAt(<index of item>).show(); 

を次いで

var el = Ext.getCmp("elementID"); 

およびアイテムにアクセスし、それが可視のset：getCmp（）メソッドを使用して。

el.items.getAt(<index of item>).setVisible(false); // hide 
el.items.getAt(<index of item>).setVisible(true); // show