1

这是EXT JS 4。一个简单的问题，我如何对齐布局列中的项目？

                    layout:'column',
                    border: false,
                    items:
                    [
                    {
                        columnWidth:.5,
                        xtype: 'label',
                        text: 'item 1'
                    },
                    {
                        columnWidth: .5,
                        xtype: 'label',
                        text: 'item 2'
                    }
                    ]

我所需要的只是将“项目 1”对齐到右侧，将“项目 2”对齐到左侧。所以，他们将在中心见面。仅使用 'align:right' 是行不通的。有什么建议吗？

4

2 回答 2

1

试试这个：

Ext.onReady(function() {
    Ext.create('Ext.panel.Panel', {
        renderTo: document.body,
        width: 200,
        height: 200,
        layout: 'column',
        items: [{
            columnWidth: 0.5,
            xtype: 'label',
            text: 'item 1',
            style: 'text-align: right;'
        }, {
            columnWidth: 0.5,
            xtype: 'label',
            text: 'item 2'
        }]
    });
});
于 2012-04-24T05:24:00.500 回答
0

这是 Sencha 文档的引用：http ://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.Label

注意fieldLabel：在大多数情况下，在字段组件本身中使用和相关的配置属性（Ext.form.Labelable.labelAlign,等）会更合适Ext.form.Labelable.labelWidth，因为这允许标签在整个表单中统一大小。Ext.form.Label仅当您的布局无法使用标准字段布局实现时才应使用。

于 2012-04-24T10:16:27.530 回答