如何在gridpanel Extjs的工具栏上获取表单

Posted

技术标签:

【中文标题】如何在gridpanel Extjs的工具栏上获取表单【英文标题】:How to get form on toolbar in gridpanel Extjs 【发布时间】:2013-06-21 02:52:34 【问题描述】:

我在网格面板中有 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
                
             
   ]

我无法提交表单。我该怎么做,非常感谢:)。

【问题讨论】:

【参考方案1】:

formadd 按钮的兄弟。您可能想使用 .prev 而不是 .up 来访问表单

这是有效的 sn-p

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();
            
        ]

    );
);

对于现场演示,here it is the jsfiddle link。

【讨论】:

【参考方案2】:
var form = this.up('form').getForm(); // not working
                    form.submit(); // not working
change to:
this.ownerCt.down('form').getForm();

【讨论】:

以上是关于如何在gridpanel Extjs的工具栏上获取表单的主要内容,如果未能解决你的问题,请参考以下文章

在 Extjs 中删除 GridPanel 的 headertoolbar

ExtJS GridPanel 数据工具提示

ExtJs如何在Window窗口中加载页面上的GridPanel??

在 ExtJS 中从 GridPanel 获取模型

ExtJs - 通过 Gridpanel 的索引获取行

在 ExtJS4 网格面板中获取对分页文本字段的引用