how to make textfield non editable in dialog box

[#1]

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.

[#2]

Hi,

Touch UI or Classic UI?

[#3]

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.

[#4]

for classicUI

[#5]

PFA .

I  am not getting any field like disabled for xtype

Capture.GIF ‏22 KB

[#6]

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 ?

[#7]

https://docs.adobe.com/docs/en/aem/6-2/develop/ref/granite-ui/api/jcr_root/libs/granite/ui/component...

[#8]

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

[#9]

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

Classic UI already has these available in framework

[#10]

Hi Amangoyal,

Add a boolean property like below :

properties :  readOnly type :Boolean value : true