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

Sencha touch 如何在Sencha Touch中使文本字段不可编辑,sencha-touch,extjs4,extjs,sencha-touch-2,Sencha Touch,Extjs4,Extjs,Sencha Touch 2,我使用了以下属性来创建文本字段并禁用它进行用户编辑 已禁用:为真 下面是我的Xtype Declaration代码 xtype : 'passwordfield', name : 'password', id: 'password', disabled: true, label : 'Password', placeHolder :'Password', useClearIcon : false 它显示的内容如下图所示。标签是灰色的。请让我知道如何使其不可编辑,标签将保持不变 编辑-1: 之

我使用了以下属性来创建文本字段并禁用它进行用户编辑

已禁用:为真

下面是我的Xtype Declaration代码

xtype : 'passwordfield',
name : 'password',
id: 'password',
disabled: true,
label : 'Password',
placeHolder :'Password',
useClearIcon : false
它显示的内容如下图所示。标签是灰色的。请让我知道如何使其不可编辑,标签将保持不变

编辑-1: 之后,在Stack overflow和sencha论坛中进行了几次搜索,我发现下面的代码可以使我的文本字段不可编辑,但现在它本质上是静态的

 listeners: {
            afterrender: function(ele) {
                     ele.fieldEl.dom.readOnly = true;
          }
     }
我们可以一次性设置属性,但它没有任何动态设置的方法。我需要动态更新,因为我有时需要让用户进行编辑,有时需要用户进行编辑。已禁用

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

更新
readOnly
应该是初始设置的一部分,例如:

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

使用
只读

readOnly: true

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

readOnly: true

thx,这对我来说很好。现在我可以使用像标签一样的文本字段。使用简单字段导致formpanel.data出现问题。这没有效果,我也尝试过。我已经编辑了我的问题,请查看更新的编辑部分。另外,我们没有Ext.form.Text类的任何只读属性。@Neel是只读属性还是只读属性适合您?区分大小写无效。我只使用disabled:trueu也可以使用监听器:{afterrender:function(ele){ele.fieldEl.dom.readOnly=true;}}}}也尝试过。我现在明白了。你在说sencha touch 1?我被sencha-touch-2标签弄糊涂了。。反正是Tnx!