textfield标签不会进入面板内的formpanel

时间:2013-01-02 06:06:48

标签: extjs

我设计了一个extjs页面,但我的问题是

我必须在内部面板中给出一个文本字段,它是表单面板,但文本字段标签不会出现,请你解决...这是我的代码...但问题是我必须在一个内部面板内给出employeeid一些条件我必须隐藏内部面板,但当我创建面板我没有得到textfield标签....谁能请任何人解决

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
                    }]
              }]
              }]
         });

1 个答案:

答案 0 :(得分:0)

好的,这是问题所在。您正在配置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. 关闭它
  6. 不要使用id(仅在必须时)