Textfield标签没有进入formpanel的内部面板



我设计了一个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()
});

其他错误:

  1. 使用Ext.create函数创建对象。
  2. 布局配置指定子对象的位置,因此将layout配置添加到父对象。
  3. 不要给父配置添加子配置。参见labelAlign
  4. [{开始数组,以}]结束数组
  5. 不要使用id(只有当你必须的时候)

最新更新