为什么我的extjs如果把form放到弹出框中button不显示,放到页面上就可以显示?
时间:2011-08-24
来源:互联网
var formp=new Ext.FormPanel({
url:'employee!addEmployee',//f.getForm().submit({success:function (){},failure:function (){}});
title:'添加/编辑员工',
defaultType:'textfield',//表单默认类型
width:300,
height:200,
//renderTo:'toform',??放到toform中就可以显示。
bodyStyle:'padding:6px',//正文区域的样式
// labelAlign:"right",//统一的提示信息对齐方式
frame:true,//此处为true会收到更好的效果
items:[{
name:'ename',
allowBlank:false,
fieldLabel:'用户名',
blankText:'不能为空!'
},{
name:'epwd',
alowBlank:false,
fieldLabel:'密 码',
inputType:'password',
maxLength:10,
minLength:6,
minLengthText:'温馨提示:最小长度应该为6',
maxLengthText:'温馨提示:最大长度应该为10',
width:125
} ,{
name:'eaddress',
fieldLabel:'地 址',
maxLength:20,
maxLengthText:'长度太长!'
}, {
name:'dept',
fieldLabel:'部 门'
}],
buttonAlign:'center',
buttons:[{
text:"保存",
handler:function (){
formp.getForm().submit({
success:function (){
Ext.Msg.alert("=====保存成功!=============");
},
failure:function (){
Ext.Msg.alert("======保存失败===========");
}
});
// Ext.Msg.alert("baocun");
}
},{
text:"重置",
handler:function (){
formp.getForm().reset();
}
}]
});
var wind=new Ext.Window({
width:300,
height:200,
title:'添加员工',
layout:'form',
items:formp??放到windwo中我的buttons中的内容就显示不了。
});
url:'employee!addEmployee',//f.getForm().submit({success:function (){},failure:function (){}});
title:'添加/编辑员工',
defaultType:'textfield',//表单默认类型
width:300,
height:200,
//renderTo:'toform',??放到toform中就可以显示。
bodyStyle:'padding:6px',//正文区域的样式
// labelAlign:"right",//统一的提示信息对齐方式
frame:true,//此处为true会收到更好的效果
items:[{
name:'ename',
allowBlank:false,
fieldLabel:'用户名',
blankText:'不能为空!'
},{
name:'epwd',
alowBlank:false,
fieldLabel:'密 码',
inputType:'password',
maxLength:10,
minLength:6,
minLengthText:'温馨提示:最小长度应该为6',
maxLengthText:'温馨提示:最大长度应该为10',
width:125
} ,{
name:'eaddress',
fieldLabel:'地 址',
maxLength:20,
maxLengthText:'长度太长!'
}, {
name:'dept',
fieldLabel:'部 门'
}],
buttonAlign:'center',
buttons:[{
text:"保存",
handler:function (){
formp.getForm().submit({
success:function (){
Ext.Msg.alert("=====保存成功!=============");
},
failure:function (){
Ext.Msg.alert("======保存失败===========");
}
});
// Ext.Msg.alert("baocun");
}
},{
text:"重置",
handler:function (){
formp.getForm().reset();
}
}]
});
var wind=new Ext.Window({
width:300,
height:200,
title:'添加员工',
layout:'form',
items:formp??放到windwo中我的buttons中的内容就显示不了。
});
作者: wangshan_ws 发布时间: 2011-08-24
你的window高度太小了 不是代码的问题
JScript code
JScript code
var wind=new Ext.Window({ // width:300, //注掉宽度和高度 使其自适应即可 // height:200, title:'添加员工', layout:'form', items:formp });
作者: fanchuanzhidu 发布时间: 2011-08-24
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28