how to make textfield non editable in dialog box

Avatar

Avatar

amangoyal15

Avatar

amangoyal15

amangoyal15

07-11-2016

In my dialog box , i am getting some value in textfield based on the value selected from dropdown . But currently i can make changes in retrieved values that i don't want. I need to make it non editable so that the retrieved value will remain as it is .

 

Edit- If i make it disable than that textfield name property will not saved as JCR property.

Please assist.

Replies

Avatar

Avatar

edubey

Avatar

edubey

edubey

08-11-2016

Hi,

Touch UI or Classic UI?

Avatar

Avatar

Jitendra_S_Toma

Avatar

Jitendra_S_Toma

Jitendra_S_Toma

08-11-2016

amangoyal15 wrote...

In my dialog box , i am getting some value based on the value selected from dropdown . But currently i can make changes in retrieved values that i don't want. I need to make it non editable so that the retrieved value will remain as it is .

 

Hi,

if it is classic ui, you can set disabled (true) as a property in textfield xtype node.

Avatar

Avatar

amangoyal15

Avatar

amangoyal15

amangoyal15

08-11-2016

for classicUI

Avatar

Avatar

amangoyal15

Avatar

amangoyal15

amangoyal15

08-11-2016

PFA .

I  am not getting any field like disabled for xtype

Avatar

Avatar

Gaston_Abasto

Avatar

Gaston_Abasto

Gaston_Abasto

12-05-2017

Jitendra S.Tomar wrote...

amangoyal15 wrote...

In my dialog box , i am getting some value based on the value selected from dropdown . But currently i can make changes in retrieved values that i don't want. I need to make it non editable so that the retrieved value will remain as it is .

 

Hi,

if it is classic ui, you can set disabled (true) as a property in textfield xtype node.

 

and in Touch UI ?

Avatar

Avatar

Nupur_Jain

MVP

Avatar

Nupur_Jain

MVP

Nupur_Jain
MVP

15-05-2017

Hi,

Unfortunately there is no widget property that can make your field non editable but there is listeners node available to take action on various widgets events. you can use loadContent event to explicitly set the field to readonly.

Here is the screenshot for your reference.

I have used simple jquery

function(field,record,path){ $("input[name='"+ field.name+"']"  ).attr("readonly",true); }

Hope this helps!

Thank you!

Nupur

Avatar

Avatar

edubey

Avatar

edubey

edubey

15-05-2017

You need to add that as a property with name disabled,  value 'true' and  type boolean.

Classic UI already has these available in framework

Avatar

Avatar

riteshm19780411

Avatar

riteshm19780411

riteshm19780411

24-08-2017

Hi Amangoyal,

Add a boolean property like below :

properties :  readOnly type :Boolean value : true