开发者

ExtJs - FormPanel not rendering properly

I have constuctor (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: [
                {
   开发者_如何学JAVA                 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);
}});

but when Im trying to create it - var AddOrgWindowForm = new AddOrgWindowUI({n_full:'aaa'});AddOrgWindowForm.show(); I get an empty window (without form panel) Why formPanel dont render properly? Where I have mistake? Thx.


The problem is when you assign the initialConfig to the form, as it is a readonly property according to ExtJS API and not a valid config-option.

So instead of using initialConfig to set the url you just have to set the url property as every Basic Form config-option is accepted by the Form too:

url: '123132.php',

Or if you want to let the user of your class to use another url than the default one you could do:

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

And by the way, your textbox has no id nor name, and this is important if your are submitting this form, as these will define the name of the parameter that will arrive to the server with the value of the textbox.

Here you have the fixed example for you to play with: http://jsfiddle.net/HPBvy/. You can use firebug or any other web-developer-tool to see the POST call.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜