Sencha touch 如何在Sencha Touch中使文本字段不可编辑
我使用了以下属性来创建文本字段并禁用它进行用户编辑 已禁用:为真 下面是我的Xtype Declaration代码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 : '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!