Hide field depending on another field's value

Début
Précédent
1
Suivant
Fin

Baryhobal
Topic Author
Offline
Senior Member

22 Jui 2021 00:14 #1 by Baryhobal

Hide field depending on another field's value was created by Baryhobal

Hello,

I'm making another custom element and I have certain buttons in the creation form that I would like to be hidden unless the field "idMailable" has a certain value.
I can't do that with the screenCustomization plugin since it only handles type, status and profile conditions. Is there a specific function that is called when a field is changed and if so, how can I hide/show buttons without refreshing the page ?

I hope someone can help me

Please Connexion or Create an account to join the conversation.

babynus
Offline
Administrator
Moderator

22 Jui 2021 11:00 #2 by babynus

Replied by babynus on topic Hide field depending on another field's value

What you try and do is not possible.
You would need to change the core code.

Babynus
Administrator of ProjeQtOr web site

Please Connexion or Create an account to join the conversation.

Baryhobal
Topic Author
Offline
Senior Member

22 Jui 2021 13:34 #3 by Baryhobal

Replied by Baryhobal on topic Hide field depending on another field's value

Even if this is a new custom class ?
I was thinking about using the validation script to do something when the field changes, but I'm not sure what is the best way to hide field with js, but I think I've got something that could work.

In the onChange script of the idMailable field, I added this

function hideButton(id) {
  dojo.byId(id).parentNode.parentNode.parentNode.style.display="none";
}
function showButton(id) {
  dojo.byId(id).parentNode.parentNode.parentNode.style.display="";
}
dojo.xhrGet({
  url : "../tool/telegramDisplayTemplateVisibleButtons.php?idMailable=" + dijit.byId("idMailable").get("value"),
  handleAs : "json",
  load : function(buttons) {
    buttons["hidden"].forEach(but => hideButton(but));
    buttons["visible"].forEach(but => showButton(but));
  },
  error : function() {}
});

And if I also call this part of the script when the field loads, it should work just fine

Please Connexion or Create an account to join the conversation.

Baryhobal
Topic Author
Offline
Senior Member

22 Jui 2021 14:09 - 22 Jui 2021 14:10 #4 by Baryhobal

Replied by Baryhobal on topic Hide field depending on another field's value

Okay so it works. The problem left is how to run the script when the field loads. I tried using the

<script type="dojo/connect" event="onLoad" args="evt">

but it doesn't work (it's not triggered). I'm not an expert with dojo so I don't know how to run some js when an element is loaded

Last edit: 22 Jui 2021 14:10 by Baryhobal.

Please Connexion or Create an account to join the conversation.

Baryhobal
Topic Author
Offline
Senior Member

22 Jui 2021 14:57 #5 by Baryhobal

Replied by Baryhobal on topic Hide field depending on another field's value

I got it to work. I just set the hidden fields' attributes to "invisible" and the script now looks like this:

function hideButton(id) {
  dojo.byId(id).parentNode.parentNode.parentNode.style.display="none";
  dojo.byId(id).parentNode.style.display="none";
  dojo.byId(id).parentNode.parentNode.parentNode.firstChild.firstChild.style.display="none";
}
function showButton(id) {
  dojo.byId(id).parentNode.parentNode.parentNode.style.display="";
  dojo.byId(id).parentNode.style.display="";
  dojo.byId(id).parentNode.parentNode.parentNode.firstChild.firstChild.style.display="";
}
dojo.xhrGet({
  url : "../tool/telegramDisplayTemplateVisibleButtons.php?idMailable=" + dijit.byId("idMailable").get("value"),
  handleAs : "json",
  load : function(buttons) {
    buttons["hidden"].forEach(but => hideButton(but));
    buttons["visible"].forEach(but => showButton(but));
  },
  error : function() {}
});

Please Connexion or Create an account to join the conversation.

babynus
Offline
Administrator
Moderator

24 Jui 2021 12:49 #6 by babynus

Replied by babynus on topic Hide field depending on another field's value

I think you should have used the existing hideWidget() function
or showWidget(), or disableWidget() or enableWidget()

Babynus
Administrator of ProjeQtOr web site

Please Connexion or Create an account to join the conversation.

Début
Précédent
1
Suivant
Fin

Moderators: babynus, protion

Time to create page: 0.038 seconds

Prochaines Sessions

Démonstration de ProjeQtOr

Planifiez avec ProjeQtOr

Administrez avec ProjeQtOr

Hide field depending on another field's value

Paramétrages de cookies

Cookies fonctionnels

Session

Autres cookies

Prochaines Sessions

Démonstration de ProjeQtOr

Planifiez avec ProjeQtOr

Administrez avec ProjeQtOr

Hide field depending on another field's value

Paramétrages de cookies

Cookies fonctionnels

Session

Autres cookies

Login Form