日期:2014-05-16  浏览次数:21001 次

为什么我的extjs如果把form放到弹出框中button不显示,放到页面上就可以显示?
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中的内容就显示不了。
  });

------解决方案--------------------
你的window高度太小了 不是代码的问题
JScript code
var wind=new Ext.Window({
 // width:300, //注掉宽度和高度 使其自适应即可
 // height:200,
  title:'添加员工',
  layout:'form',
  items:formp  });