0

我目前正在构建一个 Sencha Touch 2 应用程序，我正在尝试执行以下操作：链接到我想做的事情

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

  • 使用单选按钮标签属性并将其向右对齐，这样做会导致文本不灵活
  • 为单选按钮提供静态宽度（准确地说是 30px）并将文本旁边的文本放在 hbox 中，但我在垂直对齐文本时遇到问题
4

1 回答 1

0

实际上，如果我正确理解了您的问题，您可以很容易地使用 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 特定的样式，因此它看起来与您的示例不完全相同。

于 2013-08-13T20:17:16.907 回答