EXTJS - 返回表单对象

时间:2012-05-02 12:01:53

标签: extjs

我正在使用EXTJS 3.4库开发表单。但是当我尝试从类型表单的EXTJS面板返回一个表单对象时,我遇到了一些问题。

我的配置表格如下:

config = Ext.apply({            
    title: 'Fluxo de Reincidencia',
    id: 'formKMLRcd',
    name: 'formKMLRcd',
    border: true,
    bodyStyle: "padding: 10px",
    layout: "form",                     
    autoScroll: false,          
    items: [{
        xtype: "datefield",
        ref: "../extent",
        anchor: "100%",
        fieldLabel: 'Data Inicio',
        emptyText: 'informe a data de inicio',
        name: 'txtRcdDataInicio',
        id: 'txtRcdDataInicio',
        format:'d/m/Y',
        altFormats:'d/m/Y',
        allowBlank: false,
        validator: function(value){
            var date = this.parseDate(this.getValue());
            if (!date){
                return 'Informe uma data valida';
            }
        }
    }

这是我的问题,当我尝试从此表达式返回表单时出现错误:

var form = Ext.getCmp('formKMLRcd').getForm();

任何人都知道如何从我的配置对象中返回一个表单?

1 个答案:

答案 0 :(得分:1)

您收到错误是因为您使用的是面板而不是表单面板。在您的配置中,您在面板中使用“表单布局”。要使用getform方法获取表单,您应该使用表单面板。

config = Ext.apply({            
    title: 'Fluxo de Reincidencia',
    id: 'formKMLRcd',
    name: 'formKMLRcd',
    xtype: 'form'  // Makes sure that the panel is form panel and not ordinary panel
    ... // rest of the code

现在您应该可以使用getForm方法获取底层表单了!