javascript - 柔軟なテキストの横にラジオボタンを配置する(煎茶タッチ)

Question

私は現在、Sencha Touch 2 アプリケーションを構築しており、次のことをしようとしています:やりたいことへのリンク

私は以下を含む多くのことを試しました

• ラジオ ボタン ラベル プロパティを使用して右揃えにすると、テキストが柔軟ではなくなります。
• ラジオ ボタンに静的な幅 (正確には 30 ピクセル) を指定し、その横にテキストを hbox に配置しますが、テキストを垂直方向に配置する際に問題が発生します

Answer 1

実際、私があなたの質問を正しく理解していれば、labelWidth、labelWrap、および labelAlign プロパティを使用して、そのようなビューを非常に簡単に作成できます。以下の例を参照してください。

var form = Ext.create('Ext.form.Panel', {
fullscreen: true,
defaults: {
    labelWidth: '85%',
    labelWrap: true,
    labelAlign: 'right'
},
items: [
    {
        xtype: 'radiofield',
        name : 'field',
        value: '1',
        label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate arcu non nunc congue, a malesuada purus volutpat. Nunc id.',
        checked: true,
        labelWrap: true
    },
    {
        xtype: 'radiofield',
        name : 'field',
        value: '2',
        label: 'Hello World this is a small text.'
    },
    {
        xtype: 'radiofield',
        name : 'field',
        value: '3',
        label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate arcu non nunc congue, a malesuada purus volutpat. Nunc id.'
    }
]

});

環境に応じてラベルの幅を定義できます。85% は、 Sencha Touch ドキュメントのシミュレーターで表示するのに適した値でした。