Question

是否可以将标签放在文本字段的底部？我需要让UI看起来像PDF /打印表单，其中大多数字段标签都在输入字段下方居中。

CSS样式/类方法已经足够了。我只是想赶紧过去。

提前致谢。

Answer 1

将自定义cls添加到文本字段，如下所示：

    Ext.create('Ext.Panel',{
        renderTo: Ext.getBody(),
        width: 300,
        height: 500,
        items: [{
            xtype: 'textfield',
            fieldLabel: 'First Name',
            cls: 'pdfField',
            labelSeparator: ''
        }]
    });

然后创建pdfField类：

对于ExtJS（5）=＆gt;

div.pdfField .x-form-item-label {
    display: table-footer-group;
    text-align: center;
}

对于ExtJS（4）=＆gt;

.pdfField td {
    display: table-caption;
}

.pdfField tr>td:first-child {
    display: table-footer-group;
    text-align: center;
}

以下是两个版本的小提琴：https://fiddle.sencha.com/#fiddle/h35

使用ExtJS 5并不是说它看起来更好，这是因为在ExtJS 5中使用div来显示文本字段内容，而ExtJS 4使用表格单元格。

Extjs底部的文本字段标签

1 个答案: