爲什麼Sencha Touch 2沒有xtype顯示字段？

如果您查看Ext文檔，則會顯示xtype顯示字段，但不會顯示在Sencha Touch中。在Sencha Touch2中是否有替代顯示字段？爲什麼Sencha Touch 2沒有xtype顯示字段？

來源

2012-10-15 squistbe

短篇小說短片。不，Sencha Touch中沒有這種組件。

但我相信你可以很容易地用簡單的純HTML替換它。通過擴展 'Ext.field.Field' 和使用 'Ext.Component'

yourTextField.setReadOnly(false);

來源

2012-10-15 20:45:54

是的，我使用字段xtype並將值設置爲html屬性。 – squistbe

您可以使用文本框，並禁用了。創建一個視圖 'DisplayField'

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; 
    } 
});

創建另一種觀點認爲 'DisplayFieldComponent'

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 
      } 
     ]; 
    }, 
    });

添加 'DisplayField' 在你的視圖對象的應用程序配置

views:[ 
'DisplayField' 
]

現在在您的其他視圖中使用xtype：'displayfield'

來源

2012-10-16 13:15:56 MattioliSencha

這就是我最初做的事情，但是文本被剪切並且不會換行。 – squistbe

使用'textareafield' – MattioliSencha

我已經嘗試過textarea字段，但默認sencha設置3行。所以你可以在一行之後加兩行。 – squistbe

您可以創建自己的displayfield：

來源

2014-11-26 11:06:46

爲什麼Sencha Touch 2沒有xtype顯示字段？

回答

相關問題