sencha-touch - 如何在 Sencha Touch 中使文本字段不可编辑

Question

我使用以下属性创建了一个文本字段并禁用它以供用户编辑。

禁用：真

下面是我的 Xtype decleration 代码。

xtype : 'passwordfield',
name : 'password',
id: 'password',
disabled: true,
label : 'Password',
placeHolder :'Password',
useClearIcon : false

它看起来如下图所示。标签变灰。请让我知道如何使它不可编辑并且标签将保持不变。

编辑1： 之后，在堆栈溢出和sencha论坛中进行了几次搜索，我发现下面的代码能够使我的文本字段不可编辑，但现在它本质上是静态的。

 listeners: {
            afterrender: function(ele) {
                     ele.fieldEl.dom.readOnly = true;
          }
     }

我们可以设置一次属性，但它没有任何方法可以动态设置。我需要动态，因为我有时必须让用户进行编辑，有时还要让用户进行编辑。禁用。

任何其他在 Sencha Touch 中使文本字段不可编辑的方法都值得赞赏。

Answer 1

readOnly: true

thx，这对我来说很好。现在我可以使用像标签这样的文本字段。使用简单的字段导致 formpanel.data 出现问题

Answer 2

更新

readOnly应该是初始设置的一部分，例如：

xtype : 'passwordfield',
name : 'password',
id: 'password',
disabled: true,
label : 'Password',
placeHolder :'Password',
useClearIcon : false,
readOnly: true

---

使用readOnly：

readOnly: true

Answer 3

with 的设置fieldEl.dom.readOnly并不像大多数人想象的那样是静态的，因为 readOnly 标志不是 Sencha 特定的选项。这意味着：您保存要设为只读的项目并动态更改其状态，然后添加另一个设置fieldEl.dom.readOnly为 false 的控件，瞧，您的项目再次可编辑。