ExtJs - FormPanel不能正确呈现

Question

我有构造器(window + formPanel)

AddOrgWindowUI = Ext.extend(Ext.Window, {
title: 'Create something',
width: 400,
height: 200,
layout: 'fit',
initComponent: function() {
    this.items = [
        {
            xtype: 'form',
            id: 'add-form',
            padding: 5,
            initialConfig: Ext.apply(this.initialConfig, {
                url: '123132.php'
            }),
            items: [
                {
                    xtype: 'textfield',
                    fieldLabel: 'abbr',
                    anchor: '95%',
                    value: this.abbr,
                    emptyText: 'abbr'
                }

            ],
            buttons: [
                {
                    text: 'Add',
                    handler: function() {
                        Ext.getCmp('add-form').getForm().submit();
                    }
                }
            ]
        }
    ];
    AddOrgWindowUI.superclass.initComponent.call(this);
}});

但是当我尝试创建它时- var AddOrgWindowForm = new AddOrgWindowUI({n_full:'aaa'});AddOrgWindowForm.show();我得到一个空窗口(没有表单面板)为什么formPanel不能正确渲染？我哪里搞错了？谢谢。

Answer 1

问题出在将initialConfig分配给表单时，因为根据ExtJS API，它是一个只读属性，而不是一个有效的配置选项。

因此，不需要使用initialConfig来设置url，只需设置url属性，因为表单也接受每个基本的表单配置选项：

url: '123132.php',

或者，如果您想让您的类的用户使用默认url以外的其他url，您可以这样做：

url: this.urlForm || '123132.php',

顺便说一句，您的textbox既没有id也没有name，如果您正在提交此表单，这一点很重要，因为它们将定义将与textbox的值一起到达服务器的参数的名称。

这里有一个固定的示例供您使用：。您可以使用firebug或任何其他web-developer-tool来查看POST调用。