0

次のような2つのアイテムを含むウィンドウがあります

var win = Ext.create('Ext.window.Window', {
        title: 'Hello',
        height: 200,
        width: 400,
        layout: 'fit',
        items: {  
            xtype: 'form',
            border: false,
            hidden: true,
            items: [{
                xtype: 'textfield',
                fieldLabel: '1'
            },{
                xtype: 'textfield',
                fieldLabel: '2'
            }]
        }
    }).show();

fieldLabel : '1'ボタンを作成し、ウィンドウの最初の項目 ( ) を次のように表示/非表示にしたい

 Ext.create('Ext.Button', {
        text: 'Show first item',
        visible: false,
        renderTo: Ext.getBody(),
        handler: function() {
            win.down('form').items.items[0].show(); // not working
        }
    });

しかし、それはうまくいきません。そのおかげで修正する方法

ps: コンプを取得するために id を使用したくありません。b/c 私のフォームは動的
です。ここに私の完全なコードがありますhttp://jsfiddle.net/aMKjN/

4

2 に答える 2

0

これを試してみると、テキストフィールド1のみが表示されます

  Ext.onReady(function () {

   var win = Ext.create('Ext.window.Window', {
        title: 'Hello',
        height: 200,
        width: 400,
        layout: 'fit',
        items: {  
            xtype: 'form',
            border: false,
//            hidden: true,
            items: [{

                xtype: 'textfield',
                id:'first',
                 hidden: true,
                fieldLabel: '1'
            },{
                xtype: 'textfield',
                fieldLabel: '2'
            }]
        }
    }).show();

    Ext.create('Ext.Button', {
        text: 'Show first item',
        visible: false,
        renderTo: Ext.getBody(),
        handler: function() {            
          Ext.getCmp('first').setVisible(true)
        }
    });
});
于 2013-08-07T13:32:42.863 に答える