formPanel中有一个renderTo 属性,在renderTo 后面加上div的id便可。
注意div块中间什么都不要写,给个例子
var formPanel= new Ext.form.FormPanel({
renderTo : query,
title : 搜索人员,
autoWidth : true,
autoHeight : true,
collapsible : true,
hideLabels : false,
labelAlign : right, // 标签对齐方式,右对齐
defaultType : 'textfield', // 表单的默认类型为文本框
buttonAlign : left, // 按钮对齐方式
bodyStyle : 'padding: 5px',
buttons : {
items : [{
text : 查询,
handler : function() {
Ext.Msg.alert(提示, 点击查询);
}, {
text : 重置,
handler : function() { // 按钮响应函数
formPanel.form.reset();
}
}]
},
// 查询表单中的项目,即查询条件
items : [{
xtype : textfield,
width : 200,
fieldLabel : 职工编号,
id : personNum
}]
});
以上是formPanel,然后在你的html文件中要引入包含改js语句的文件,并且要保证有下面这一句
div id=query/div
取消
评论