文本字段标签未进入面板内的表单面板

Posted 2023-02-26

【中文标题】文本字段标签未进入面板内的表单面板

【英文标题】：textfield label is not coming inside formpanel inside panel

【发布时间】：2013-01-02 06:06:47

【问题描述】：

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

我必须在内部面板中提供一个文本字段，它是表单面板，但文本字段标签没有出现，请您解决...这是我的代码...但问题是我必须在一个内部面板中提供员工 ID，基于在某些情况下，我必须隐藏内部面板，但是当我创建面板时，我没有得到文本字段标签....任何人都可以解决

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】：

好的，问题来了。您正在配置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（仅在必须时）