2011-07-12 36 views
0

這裏的查看隱藏的項目是我的看法,我想找回ID爲「SRInfo」在我的組合,當「沒有選擇」的項目,然後設置SRInfo可見:顯示在MVC

Ext.define('FSSP.view.reqform.newReq', { 
extend: 'Ext.form.Panel', 
alias: 'widget.newReqForm', 

... 

items: [ 
    { 
    xtype: 'fieldcontainer', 
    fieldLabel: 'Basic Information', 
    labelStyle: 'font-weight:bold;padding:0', 
    layout: 'anchor', 
    defaults: { 
     layout: '100%' 
    }, 

    fieldDefaults: { 
     labelAlign: 'top' 
    }, 


    items: [{ 

     xtype: 'fieldcontainer', 
     labelStyle: 'font-weight:bold;padding:0', 
     layout: 'hbox', 
     defaultType: 'textfield', 
     fieldDefaults: { 
      labelAlign: 'top' 
     }, 

     items:[{ 
      flex: 1, 
      xtype: 'combo', 
      fieldLabel: '<font color="red">*</font> SR Open?', 
      allowBlank: false, 

      store: new Ext.data.SimpleStore({ 
       data: [['Y', 'Yes'], ['N', 'No']], 
       id: 0, 
       fields: ['value', 'text'] 
      }), 

      listeners: { 
        scope: this, 
      'select': function(combo,records){ 
     var i = records[0].get('text'); 
     if(i == 'No'){ 

el = Ext.getElement(「SRInfo」); //它不工作,我嘗試了 幾個其他的方式,Ext.Element.select,Ext.element.query

    el.setVisible(true); 
    } 
     }       
      } 
... 

{ 
    xtype: 'fieldcontainer', 
    labelStyle: 'font-weight:bold;padding:0', 
    **id: "SRInfo",** 
    layout: 'hbox', 
    defaultType: 'textfield', 
    hidden: true, 

    fieldDefaults: { 
     labelAlign: 'top' 
    }, 

    items: [ 
    { 
     flex: 2, 
     name: 'number', 
     fieldLabel: 'SR Reason', 
     allowBlank: false, 
     margins: '0 0 0 5' 
    }, 
    { 
     flex: 2, 
     name: 'region', 
     fieldLabel: 'SR Comments', 
     allowBlank: false, 
     margins: '0 0 0 5' 
    }] 
}] 
    }, 
+0

我問題是什麼是在視圖中檢索項目的正確方法,它具有xtype,id和name。 – SecureFish

+0

我想我需要調用這個方法:child([String selector]):void 檢索此容器的第一個與傳遞的選擇器匹配的直接子對象。傳入的選擇器必須符合Ext.ComponentQuery選擇器。我可以在哪裏定義選擇器? – SecureFish

回答

0
Ext.define('FSSP.view.reqform.newReq', { 
extend: 'Ext.form.Panel', 
alias: 'widget.newReqForm', 
... 
initComponent: function() { 

this.hiddenItem = Ext.create(...); 

Ext.appy(this,{ 
items:[ 
{ 
... 
listener: function(){ this.hiddentItem.show()}; 
... 
}, 
{ 
... 
}, 

this,hiddenItem 
] 

})