3

extJsでは、編集ボタンがクリックされるまで1つのフィールドを無効にする必要があります。

xtype:'textfield',
fieldLabel: 'Address',
name:'streetAddress',
labelWidth: 48,                         
maxLength: 100,                         
cls: 'appAddresscls',
id: 'resume-applicantdetails-view-address',
allowBlank : false,
//readOnly:true,
skipValue:true

ロードするときに私は電話しました

Ext.getCmp('resume-applicantdetails-view-address').getEl().dom.setAttribute('readOnly', true);

編集時

Ext.getCmp('resume-applicantdetails-view-address').getEl().dom.removeAttribute('readOnly');

ただし、フィールドは常に編集モードです。IEで無効になっているフィールドが灰色で表示されるため、実際にこれを試します。

4

5 に答える 5

12 
xtype:'textfield',
fieldLabel: 'Address',
name:'streetAddress',
labelWidth: 48,                         
maxLength: 100,                         
cls: 'appAddresscls',
id: 'resume-applicantdetails-view-address',
allowBlank : false,
readOnly:false,
skipValue:true

ロードするときに私は電話しました

Ext.getCmp('resume-applicantdetails-view-address').setReadOnly(true);

編集時

Ext.getCmp('resume-applicantdetails-view-address').setReadOnly(false);
于 2012-08-01T06:51:26.950 に答える
2

disable：trueを維持し、ページに次のcssを追加して、そのようなフィールドを他のフィールドと同じように表示することができます。

.x-item-disabled .x-form-item-label,
.x-item-disabled .x-form-cb-label {
     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
     opacity: 0.9; 
 }

お役に立てれば。

于 2012-07-31T15:05:04.110 に答える
0

フィールドを無効に設定します。構成でtrueを設定し、次に編集ボタン呼び出し関数でrenableを設定します。

Ext.getCmp('resume-applicantdetails-view-address').setDisabled(false);
于 2012-07-31T12:27:46.637 に答える
0

無効に設定するには：

Ext.get('resume-applicantdetails-view-address').set({disabled:'disabled'});

無効化を削除するには：

Ext.get('resume-applicantdetails-view-address').set({disabled:''});
于 2013-10-25T14:48:00.303 に答える
0

実行時にreadOnlyプロパティを変更すると便利です。

component.el.dom.readOnly = true;
于 2017-08-13T06:05:06.763 に答える