Question

我目前正在构建一个Sencha Touch 2应用程序，我正在尝试执行以下操作：Link to what I want to do

我尝试过很多东西，包括以下内容

使用单选按钮标签属性并将其与右侧对齐，这样做会导致文本不灵活
给单选按钮一个静态宽度（确切地说是30px）并在hbox中将文本放在旁边，但是我在垂直对齐文本时遇到了问题

Answer 1

实际上，如果我正确理解了您的问题，您可以使用labelWidth，labelWrap和labelAlign-properties轻松生成这样的视图。请参阅以下示例：

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 Docs的模拟器中查看它的一个很好的值当然，应用了Sencha Touch特定的样式，所以它看起来并不完全喜欢你的例子。

在弹性文本旁边放置单选按钮（sencha touch）

1 个答案: