How to dynamically disable and enable vtextfield?

[HametAl]

Hi everyone,

I am quite new to trame and need your help please. I am trying to dynamically disable and enable a vtextfield using a vswitch, but I am unable.

I tried the following:

VSwitch(v_model=(switcher, True))

VTextField(v_model=(test_text, "test_text"), disabled="switcher")

It would be highly appreciated if someone please help me with this.

Thanks
HA

[jourdain]

Solution

VSwitch(
   v_model=("switcher", True), # First arg is always a string since it is the JS expression, variable name or JS property value.
)

VTextField(
   v_model=("test_text", "test_text"),  # first arg "variable name" in JS, second arg "default value in Python".
   disabled=("switcher",), # You need to indicate it is a dynamic property (tuple) not a static string (1 value)
)

You need to differentiate between the string (static label) and the variable name (dynamic value).

This is covered in the Getting started.

[HametAl]

Thanks Jourdain, it is working now