Question

如果查看Ext文档，则会显示xtype显示字段，但不会显示在Sencha Touch中。 Sencha Touch2中是否有替换显示字段？

Answer 1

短篇小说。 Sencha Touch中没有这样的组件。

但我相信你可以用简单的纯HTML替换它。

Answer 2

您可以使用textfield并禁用他：

yourTextField.setReadOnly(false);

Answer 3

您可以通过扩展＆＃39; Ext.field.Field ＆＃39;来创建自己的显示字段。并使用＆＃39; Ext.Component ＆＃39;。创建一个视图＆＃39; DisplayField ＆＃39;

Ext.define('<yourAppName>.view.DisplayField', {
    extend: 'Ext.field.Field',
    xtype: 'displayfield',
    requires: ['<yourAppName>.view.DisplayFieldComponent'],
    config: {
        component: {
            xtype: 'displayFieldComponent'
        }
    },
    setValue: function (value) {
       this.getComponent().displayElement.setHtml(value);
        return this;
    }
});

创建另一个视图＆＃39; DisplayFieldComponent ＆＃39;

Ext.define('<yourAppName>.view.DisplayFieldComponent', {
    extend: 'Ext.Component',
    xtype: 'displayFieldComponent',
    config: {
        cls: 'x-field-input'
    },
    getTemplate: function () {
        return [
            {
                reference: 'displayElement',
                tag: 'div',
                style: 'padding:4px'//style it in your own way
            }
        ];
    },
   });

添加＆＃39; DisplayField ＆＃39;在app app配置的视图对象中

views:[
'DisplayField'
]

现在通过提供 xtype：＆＃39; displayfield＆＃39;

在其他视图中使用它

为什么Sencha Touch 2没有xtype显示字段？

3 个答案: