javascript - EXTJS中的列布局

我是ExtJ的新手。我需要使用列布局在2列中创建一个输入表单。

我的代码如下：

Ext.onReady(function(){

                var patientForm = new Ext.FormPanel({
                    renderTo: "patientCreation",
                    frame: true,
                    title: 'Search Criteria',
                    labelAlign: 'left',
                    labelStyle: 'font-weight:bold;',
                    labelWidth: 85,
                    width: 900,
                    items: [
                    {
                        layout:'column',
                        items:[
                        {   // column #1
                            columnWidth: .33,
                            layout: 'form',
                            items: [
                                {   xtype: 'textfield',
                                    fieldLabel: 'FirstName',
                                    name: 'firstName',
                                    vtype : 'alpha',
                                    allowBlank:false
                                },{
                                    xtype: 'textfield',
                                    fieldLabel: 'MiddleName',
                                    name: 'middleName',
                                    vtype : 'alpha'
                                }
                            ] // close items for first column
                        }]
                    }]

                        });
                        var win = new Ext.Window({
                            layout:'form',
                            closable: false,
                            resizable: false,
                            plain: true,
                            border: false,
                            items: [patientForm]
                        });
            win.show();
            });

但是当我运行代码时，我得到了h是未定义的错误。如何在列布局中设计表单？是否有任何程序，步骤或链接给出清晰的主意？

最佳答案

我已经使用ExtJs 3.2.2运行了相同的代码，并得到了类似的错误。但是当我删除renderTo: "patientCreation"
工作的代码：


该部分不是必需的，因为您将表格放在窗口中。