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 に答える