关于显示formpanel的问题

Question

[code="java"]var fsf [/code]
[code="java"]
fsf = new Ext.FormPanel({
labelWidth: 75, // label settings here cascade unless overridden
url:'save-form.php',
frame:true,
title: 'Simple Form with FieldSets',
bodyStyle:'padding:5px 5px 0',
width: 350,

    items: [{
        xtype:'fieldset',
        checkboxToggle:true,
        title: '其他查询',
        autoHeight:true,
        defaults: {width: 210},
        defaultType: 'textfield',
        collapsed: true,
        items :[{
                fieldLabel: 'First Name',
                name: 'first',
                allowBlank:false
            },{
                fieldLabel: 'Last Name',
                name: 'last'
            },{
                fieldLabel: 'Company',
                name: 'company'
            }, {
                fieldLabel: 'Email',
                name: 'email',
                vtype:'email'
            }
        ]
    },{
        xtype:'fieldset',
        title: 'Phone Number',
        collapsible: true,
        autoHeight:true,
        defaults: {width: 210},
        defaultType: 'textfield',
        items :[{
                fieldLabel: 'Home',
                name: 'home',
                value: '[phone]'
            },{
                fieldLabel: 'Business',
                name: 'business'
            },{
                fieldLabel: 'Mobile',
                name: 'mobile'
            },{
                fieldLabel: 'Fax',
                name: 'fax'
            }
        ]
    }],

    buttons: [{
        text: '查询'
    },{
        text: '取消'
    }]
});

[/code]

调用这个formpanel显示的代码
[code="java"]
text:'修改',
iconCls:'tool-edit',

     handler:function(){ 
            alert('11');
            fsf.show();

     }
},

[/code]

为什么fsf.show() 不显示这个formpanel呢？

Answer 1

个你个例子，看看就知道你的问题所在了
var form2=null;
function deleteRecord(){
if (form2 == null) {
form2 = new Ext.form.FormPanel({
id: 'delete-form',
labelWidth: 50, // 默认标签宽度板
labelAlign: 'right',
buttonAlign: 'right',
// 不设置该值，表单将保持原样，设置后表单与窗体完全融合
baseCls: 'header',
layout: 'form',
defaults: {
width: 200
},
// 默认字段类型
defaultType: 'hidden',
items: [{
id : 'id',
fieldLabel : 'id',
allowBlank : false
// 禁止为空
}],
buttons: [{
id: 'save',
text: '删除',
handler: fnDelete
},{
id: 'save1',
text: '取消',
handler: function(){
win.close();
}
}]
});
var win = new Ext.Window({
applyTo: 'delete_record2',//

title: '删除类别信息',
layout: 'fit',
width: 200,
height: 80,
closeAction: 'hide',
resizable:false,
plain: true,
items: [form2]
});
form2.getForm().loadRecord(grid.getSelectionModel().getSelected());
win.show();
}else{
alert("数据正在处理中,请稍后创建");
window.location="adm_type.html";
}
form2=1;
}