我设计了一个extjs页面,但我的问题是
我必须在内部面板中提供一个文本字段,这是表单面板,但文本字段标签没有出现,请解决…这是我的代码…但问题是,我必须给employeeid在一个内部面板基于一些条件,我必须隐藏内部面板,但当我创建面板,我没有得到文本字段标签....谁能解决
Ext.onReady(function(){
var tab2 = new Ext.FormPanel(
{
labelAlign: 'left',
title: 'Main Panel',
buttonAlign: 'left',
bodyStyle:'padding:5px',
width:700,
height:500,
method: 'POST',
url : '../../WebPages/ServerTask.aspx',
id: 'formTest',
//anchor:'60%',
collapsible: true,
items: [{layout:'column', border:false,
items:[{columnWidth:.6,layout: 'form', border:false,labelWidth:120,
items: [{
xtype:'textfield',
fieldLabel:'employeeid',
id:'employeeNo',
width:110
}]
}]
}]
});
好了,问题来了。配置items
配置三次。在你的代码中有更多的错误,但这是一个破坏它。
试试这个例子,添加/删除你不需要的配置。
Ext.create('Ext.form.Panel', {
title: 'Main Panel',
buttonAlign: 'left',
bodyStyle:'padding:5px',
width: 700,
height: 500,
url : '../../WebPages/ServerTask.aspx',
id: 'formTest',
items: [{
xtype:'textfield',
fieldLabel:'employeeid',
id:'employeeNo',
width:110
}],
renderTo: Ext.getBody()
});
其他错误:
- 使用Ext.create函数创建对象。
- 布局配置指定子对象的位置,因此将
layout
配置添加到父对象。 - 不要给父配置添加子配置。参见
labelAlign
- 以
[{
开始数组,以}]
结束数组 - 不要使用id(只有当你必须的时候)