extjs - gridpanel Extjsのツールバーでフォームを取得する方法

Question

グリッドパネルにtbarがあります。私のサンプルコードのような

    tbar:[
            {
                xtype: 'form',
                items: [{
                    xtype: 'filefield',
                    name: 'filefor',
                    labelWidth: 50,
                    allowBlank: false,
                    buttonConfig: {
                        text: 'up...'
                    }
                }]
            }
            ,{
                text: 'add',
                handler:function(){
                        var form = this.up('form').getForm(); // not working
                        form.submit({}); // not working
                }
             }
   ]

フォームを送信できません。どうすればそれを行うことができますか :) ありがとうございます。

Answer 1

フォームは追加ボタンの兄弟です。フォームにアクセスするには、 .upの代わりに.prevを使用することをお勧めします。

これが機能するスニペットです

Ext.require([
    'Ext.form.*',
    'Ext.tip.*']);

Ext.onReady(function () {

    Ext.QuickTips.init();
    var f = Ext.create('Ext.form.Panel', {
        renderTo: Ext.getBody(),
        bodyStyle: 'padding: 5px 5px 0 5px;',
        defaults: {
            xtype: 'textfield',
            anchor: '100%',
        },
        html:'text',
        tbar: [{
            xtype: 'form',
            items: [{
                xtype: 'filefield',
                name: 'filefor',
                labelWidth: 50,
                allowBlank: false,
                buttonConfig: {
                    text: 'up...'
                }
            }]
        }, {
            text: 'add',
            handler: function () {
              //var form = this.prev('form').getForm(); // working at extjs4.0.2a
               var form =this.ownerCt.down('form').getForm();// working at extjs 4.2.0
               form.submit({});
            }
        }]

    });
});

ライブ デモについては、 こちらの jsfiddle リンク をご覧ください。

Answer 2

var form = this.up('form').getForm(); // not working
                    form.submit({}); // not working
change to:
this.ownerCt.down('form').getForm();