Sencha Touchでテキストフィールドを編集できないようにする方法

私は以下のプロパティを使ってテキストフィールドを作成し、それをユーザ編集用に無効にしました。

無効:true

以下はXtype解読のための私のコードです。

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

下の図のように表示されます。ラベルはグレー表示されています。どうすれば編集不可能にすることができ、ラベルは同じままにすることができますか教えてください。

enter image description here

Edit-1: After, Couple of searches in Stack overflow and sencha forum i have found the below code which is able to make my text field non-editable but now it is static in nature.

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

We can set the property one time, but it doesn't have any method to set dynamically. I need dynamically as i have to sometimes make user to edit and sometimes to make it. disabled.

Sencha Touchでテキストフィールドを編集できないようにする他の方法は高く評価されています。

3

3 答え

readOnly: true

それは私のためにうまくいく。今私はラベルのようなテキストフィールドを使用することができます。単純なフィールドを使用するとformpanel.dataに問題が発生していました

7
追加された

更新

readOnly should be part of initial settings eg:

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

readOnly を使用します。

readOnly: true
4
追加された
@ニール:更新された答えをご覧ください。
追加された 著者 Sarfraz,
これは効果がありません、私もこれを試してみました。私は自分の質問を編集して、更新された編集セクションを見てください。
追加された 著者 Nilanchala Panigrahy,
また、Ext.form.Textクラスのreadonlyプロパティはありません。
追加された 著者 Nilanchala Panigrahy,
私が言ったように、これは効果がありません。それは動作していません。
追加された 著者 Nilanchala Panigrahy,
あなたはリスナーを使うこともできます:{afterrender:function(ele){ele.fieldEl.dom.readOnly = true; }}
追加された 著者 Nilanchala Panigrahy,
大文字と小文字を区別する readOnly を試してください。
追加された 著者 suknic,
@ニールはあなたのために働くreadOnlyまたはreadonlyプロパティですか?大文字と小文字は区別されません。私はただdisabledを使う:true
追加された 著者 Renato H.,
またそれを試みた。私は今参照してください。あなたは煎じ薬について話していますか?私はSencha-Touch-2のタグで混乱しました。Tnxとにかく!
追加された 著者 Renato H.,

readOnlyフラグはSencha固有のオプションではないので、 fieldEl.dom.readOnly での設定は、ほとんどの人が考えるように静的ではありません。つまり、読み取り専用にしたいアイテムを保存し、そのステータスを動的に変更し、 fieldEl.dom.readOnly をfalseに設定する別のコントロールを追加して、アイテムを再び編集可能にします。

1
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript