Question

使用extjs时、在Panel里、为什么buttons里写的按钮不出来

buttons : [ {
xtype : 'button',
text : 'login',
scope : this,
handler : login
}, {
xtype : 'button',
text : 'reset',
scope : this,
handler : reset
} ]

Answer 1

这几行代码应该没有问题，看看你的login和reset这两个方法是不是没有定义，如果这俩方法没有定义的话肯定显示不出来的，会报undefined的错误
另外，如果你使用buttons:[{},{}]的方式添加按钮的话，里面的xtype:'button'是可以删除掉的

Answer 2

var bugfield = new Ext.form.TextArea({
width:200,
height:130,
preventScrollbars:true,
fieldLabel:'问题及意见反馈',
allowBlank:false,
emptyText:'空'
});

var bugform = new Ext.form.FormPanel({
frame:true,
width: 250,
layout:'form',
items: [bugfield,{
buttons:[{
text:'确定',handler:function(){
if(bugfield.isValid())
{
Ext.Ajax.request({
url:'BugSubmit.aspx?cmd=bug',
params:{bug:bugfield.getValue()},
success:function(response){
var data = Ext.decode(response.responseText);
if(data.rest == '1')
{
Ext.Msg.alert('提示','信息记录成功,谢谢配合！');
}
else
{
Ext.Msg.alert('提示','数据库记录异常，请从新记录！');
}
},
failure:function(){
Ext.Msg.alert('错误','与后台联系的时候出现了错误');
}
});
}
else
{
Ext.Msg.alert('提示','提交信息为空,如果要退出，可以点击关闭按钮！');
}

}
}]
}]
});

var bugwin = new Ext.Window({
id:'judgewin',
title: 'BUG',
modal:true,
border:false,
frame:true,
layout:'fit',
resizable:false,
width:400,
height:230,
items:[bugform]
});

bugwin.show([0,0]);

给你一个参考吧。

Answer 3

如果你能确定这几行代码没有错，就应该把更多的代码粘贴出来
http://extjs.org.cn/node/164
参考下把