• State Verified Answer
  • Replies 2 replies
  • Subscribers 13 subscribers
  • Views 1164 views
  • Users 0 members are here
Options
Related

How to use CUI Checkboxes and Dropdowns + how get their values from other elements?

AngelaIp

Hi Community,

I right now play around with CUI CommandBarCheckboxes and CommandBarDropdowns.

Does anyone of you have worked with these two elements already?
I look for a solution how to get their selected values from another (!) CUI element.

CommandBarCheckboxes doesn´t seem to work at all. I have added one to the test case in the picture, but it stays invisible. I've done some research and Aras doesn't seem to have ever used CommandBarCheckboxes in I12 and I14. So probably even Aras hasn´t noticed yet that they don´t work. Fear my testing skills, you can't hide anything! Stuck out tongue closed eyes 

Anyway. Much more useful than the checkboxes are CommandBarDropdowns and MenuDropDowns. They luckily work quite straightforward and I was able to add one as seen in the picture.

When using a click Method, we can get the selection of the dropdown with "const xyz = target.value". 

But in my case, I want to use the selected option from the dropdown in the click Method at the "CommandBarButton" left to the dropdown.

I am able to get the dropdown element itself. But there is right now nothing that could tell me, which value is selected. 

When I look-up the element in the browser debugger, there is nothing that indicates which value is currently selected

Does anyone know more? As alternative idea, we could maybe pass the value in the background. But that´s not my favorite approach.

Thanks for any ideas!

Angela

  • +1 Offline

    Hi Angela,


    There is an Aras Blog that covers using these 2 CUI elements together that you can find here:
    https://www.aras.com/community/b/english/posts/using-cui-dropdowns

    When looking into it they access the value set in the dropdown from the button during the onclick method for the button:

    var generationDropdown = control.data.get("labs.part.ivcb.version_selector.dropdown");
    var selectedId = generationDropdown.value;

    Looks like the value is accessed using this helper method "control.data.get" and passing in the string value of the CUI name.

  • 0 in reply to Troy R

    Wow thanks, I didn´t know there was this article!
    Your two lines of code works like a charm!

    Chris is really the Saint of this forum! Even he is long time gone (from Aras), he still does wonders and miracles!
    If I ever can get hold of a few holy relics from him, I'll hang his finger bones into the server room.Sunglasses

    I think the dropdowns and CUI in general is still underrated. My shown use case is from a custom Change Management process.
    While influencing relationships from CUI is challenging, it integrates very well and offers nice usability.

    I also use some right-click events for setting change actions, and compared to the old ones from Impact Matrix, there are much more intuitive to use for the end-user.