Field dependancy : display a textfield dependant from a custom multi-enum

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Divakar N — Fri, 26 Feb 2021 14:56:32 GMT

I am new to sugarCRM. Recently I have searched for the same solution and google drop me here. I tried the above solutions but they are working for only dropdown field. Since, sugar logic is not working for multiselect field dependency. Multiselect field dependency keeps values as Objects. SO, by converting it into array and iterating the array we can find whether the multiselect field contains our required value or not.

I know this this is very late but this will be helpful for the future readers like me.

//solutions_c is Multiselect field
//revenue_c is Textfield

initialize: function(options) {
    this.plugins = _.union(this.plugins || [], ['HistoricalSummary']);
    this._super('initialize', [options]);

    //declare onChange
    this.model.on("change:solutions_c", this.SolutionsOnChange, this);
},

SolutionsOnChange: function(){
    var solutionsField = this.model.get('solutions_c').toString();
    var flag = 0; //set flag as 0
    //exploid by (,)
    var solutionsArray = solutionsField.split(",");
    for(var i = 0; i < solutionsArray.length; i++ ){
        if(solutionsArray[i] == "Electronics"){
            flag = 1; //set flag as 1
        }
    }
    if(flag == 1){
        $('[data-name="revenue_c"]').css('visibility', 'visible');
    }
    else{
        $('[data-name="revenue_c"]').css('visibility', 'hidden'); 
    }
},

Thank you,

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Yury Voloshin — Tue, 19 Nov 2019 17:32:26 GMT

I worked on exactly the same issue in Sugar 9.2. We have a multi-select field in the Meetings module where one of the choices is "Other". A text field had to be displayed when "Other" is one of the selections. First, I set it up as shown by Gaelle Fernandez, using the ".hide" and ".show" methods. This worked to some degree, but not well enough. When the multiselect options were initially entered, the text field would not open when "Other" was selected. Instead, the text field would show a message on mouse-over: "This field is locked because it is involved in a running process" (see image). But, if I saved the meeting and then edited it, the text field would open when "Other" was selected, as expected. When I replaced ".hide" and ".show" with ".removeClass" and ".addClass", as shown by Caim Astraea, everything started to work as expected. Thank you all!

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Caim Astraea — Mon, 07 Mar 2016 17:16:02 GMT

Sorry if it seems out of place , thought to keep the discussion linked since I'm building on this.

Anyone figured out how to style things as closely as possible to sugarcrm default behaviour ( dependent field ) . for .show and hide ?

Tried multiple things such as addClass("hide") instead of .hide and removeClass("hide").

, searched the style guide but couldn't find it. Basically the rows will collapse and the other field will take full width if there's more than 1 on the same row and one of them shows as hidden. This doesn't happen on dependent fields. Recordit: Record screencasts fast & free! with GIF Support!

UPDATE

It seems to be the vis_action_hidden class so my code now looks something like : However can't get that pink coloured fade-in effect.

            if(this.model.get('objectifs_c').contains("12") ) { //programation action commerciale
                $('[data-name="v_liste_actionco"]').removeClass("vis_action_hidden");
            }


            else {
                $('[data-name="v_liste_actionco"]').addClass("vis_action_hidden");
            }

RE: Field dependancy : display a textfield dependant from a custom multi-enum

EvilPeri EvilPeri — Tue, 02 Jun 2015 12:16:00 GMT

Hi GaelleFernandez,

This is just a tip for when you are hiding elements. It is better to unset the value as you hide the field so that when you save any lingering values are not kept.

so in your case
$('[data-name="YourTextField"]').hide();
this.model.set('YourTextField',null); //just add this line, it can be null, zero, blank whichever you want just unset the value.

delete this.model.attributes['YourTextField'] //this is optional and you can add this if you really want to remove the key value pair

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Mon, 01 Jun 2015 17:00:00 GMT

WELL !
We got the solution here !

This is the end, i have the solution to all my questions about how display/hide a textfield dependantly from a multi-select field !

And that is Thanks to @Ruben Recacha, @Rolustech and @EvilPery !

In custom/modules/YOURMODULE/clients/base/views/record/record.js :

({    extendsFrom: 'RecordView',
    initialize: function(options) {
  this._super('initialize', [options]);
  this.on("render", this.displayFunction, this);//launch it whenever your page is rendered
  this.model.on("change:YourMultiSelect",this.displayFunction, this);//display changes when the multi select change
    },
 displayFunctiondisplayDetailsScoring:function(){
  if (_.indexOf(this.model.get('YourMultiSelect'), "others") === -1){
   $('[data-name="YourTextField"]').hide();
  }else{
   $('[data-name="YourTextField"]').show();
  }
},
})

To do it on the create page, you just have to copy/paste this code to custom/modules/YOURMODULE/clients/base/views/create-actions/create-actions.js

and replace

({    extendsFrom: 'RecordView',

by :

({    extendsFrom: 'CreateActionsView',

And that is all ! :)
So, thanks again to @Rolustech, @EvilPeri and @Ruben, they give me clues, they give me information, they rocks :)

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Mon, 01 Jun 2015 16:44:00 GMT

THANKS SO MUCH @Ruben !

By putting the render, and by copying my code in create-actions.js, i finally did it ! My final code  in the next response :)

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Rubén Recacha Camacho — Sun, 31 May 2015 13:10:00 GMT

Hi Gaelle,

1- Could you show us create-actions content file?
2- You have to put into initialize() function this code:

this.on("render", this.<function_name>, this);

Best Regards,
Rubén Recacha.
Consultant REDK Software Engineering

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Fri, 29 May 2015 13:34:00 GMT

Thanks to both of you @EvilPeri and @Rolsutech, i've made it work, but i still have some questions :
Here is the code i've wrote in record.js :

({    extendsFrom: 'RecordView',
    initialize: function(options) {
  this._super('initialize', [options]);
  /*OnChange on multi-select fields for scoring*/
  this.model.on("change:scoring_2_roues_c",this.Change2Roues, this);
    },
Change2Roues: function(){  if (_.indexOf(this.model.get('scoring_2_roues_c'), "sautr") == -1){
$('[data-name="detail_scoring_2_roues_c"]').hide(); //Autres n'est pas sélectionné
}else{
$('[data-name="detail_scoring_2_roues_c"]').show(); //Autres est sélectionné
}
   },
})

It works great.
Now here are my 2 questions :
- It works only when the user is editing a Lead (which has already been created). I have tried to add this code in custom/modules/Leads/clients/base/views/create-actions/create-actions.js, but it does not load when a user is creating a lead...
Do you have any idea on how to achieve this ?
- As you can see, the event is the "onchange" on scoring_2_roues_c, but i would like the detail_scoring_2_roues_c to hide (still depending upon scoring_2_roues_c 's values) when the page is launched, so i will have to write some code as the page launch. Which event do i have to use ? How should i call the function ?

Again, thanks a lot to you, because with your help, i'm making huge improvement !

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Fri, 29 May 2015 12:51:00 GMT

Thanks a lot again @EvilPeri, that is a good thing to know :)

RE: Field dependancy : display a textfield dependant from a custom multi-enum

EvilPeri EvilPeri — Fri, 29 May 2015 12:51:00 GMT

actually Rolustech's code snippet above works fine when it is first displayed but i think moving the event listener to the bindDataChange method, or as a last resort if that still doesnt work then what you could do is add the event listener to the _render/render method

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Fri, 29 May 2015 12:44:00 GMT

thanks a lot @EvilPeri, that 's really good to know :)
Another question : i want to hide/show the textfield everytime the multi-select changes. It don't seem to be the case currently. Do i have to do some ajax ?

RE: Field dependancy : display a textfield dependant from a custom multi-enum

EvilPeri EvilPeri — Fri, 29 May 2015 12:27:00 GMT

The one stored on your model is the values the labels can be accessed via

app.metadata._dev_data.app_list_strings['<your listname here>']

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Fri, 29 May 2015 12:22:00 GMT

Well, first of all, Thanks a lot @Rolustech for your patience, and yes, i had run a Quick Repair (that is the first thing you learn about Sugar, haha !), and thanks a lot, you put me on the right tracks !

@EvilPeri, thanks a lot too, I did not know how worked the multi-select field, and that was the first question i was wondering myself. You put me on the right tracks too !
Because you have some knowledge on multi-select, do you know wich part of the list is in the array/object ? i mean, are they the value or the labels ?

And yes @Maira Jessy, I love to discuss about Sugar like this, i always learn new tricks and improve my code with such people, who has the will to share their knowledges :)

For the moment, i haven't got the total solution, but i will digg some more, and i'm sure it is not that far away :)

RE: Field dependancy : display a textfield dependant from a custom multi-enum

EvilPeri EvilPeri — Fri, 29 May 2015 11:37:00 GMT

Regarding the condition i've interchanged the placement (sorry for that :| ) anyway on the "if" condition is sautr is not selected and the "else" when it is

RE: Field dependancy : display a textfield dependant from a custom multi-enum

EvilPeri EvilPeri — Fri, 29 May 2015 11:28:00 GMT

Hi GaelleFernandez,

Rolustech's solution should work. But i think your condition is incorrect, the multi-select field contains an array or an object so for the condition you could do something like

 if (_.indexOf(this.model.get('scoring_2_roues_c, "sautr") == -1)
      $('[data-name="detail_scoring_2_roues_c"]').hide(); //sautr is selected
else
      $('[data-name="detail_scoring_2_roues_c"]').show(); //sautr is not selected

Hope this helps

RE: Field dependancy : display a textfield dependant from a custom multi-enum

EvilPeri EvilPeri — Fri, 29 May 2015 11:28:00 GMT

Hi GaelleFernandez,

Rolustech's solution should work. But i think your condition is incorrect, the multi-select field contains an array or an object so for the condition you could do something like

 if (_.indexOf(this.model.get('scoring_2_roues_c, "sautr") == -1)
      $('[data-name="detail_scoring_2_roues_c"]').hide(); //sautr is selected
else
      $('[data-name="detail_scoring_2_roues_c"]').show(); //sautr is not selected

Hope this helps

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Rolustech Rolustech — Fri, 29 May 2015 09:33:00 GMT

Certainly it is :). We are glad to be of help.

Rolustech: SugarCRM Engineering
Website: www.rolustech.com
Ph (US): +1 - 310 - 492 - 5564
Ph (UK): +44 - 207 - 9938 - 524
Email: info@rolustech.com
Skype: rolustech

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Maira jassy — Fri, 29 May 2015 09:28:00 GMT

This is very nice to discuss and share very useful source of information it will really help people thanks ...

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Rolustech Rolustech — Fri, 29 May 2015 08:56:00 GMT

Did you run repair n rebuild afterwards?

Rolustech: SugarCRM Engineering
Website: www.rolustech.com
Ph (US): +1 - 310 - 492 - 5564
Ph (UK): +44 - 207 - 9938 - 524
Email: info@rolustech.com
Skype: rolustech

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Thu, 28 May 2015 17:18:00 GMT

I've moved my record.js file, and removed the comment block, but there is not much improvement.
it seems that Sugar does not even consider my file.
i've added a little

console.log("we are overriding record"); into the initialize function, but even that is not showing..

If you have any help, i'll be glad to hear it :)

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Rolustech Rolustech — Thu, 28 May 2015 16:52:00 GMT

We have tested this code snippet with multi select dropdown, please remove the block comment from your code and the correct path should be custom/modules/Leads/clients/base/views/record/record.js.

Rolustech: SugarCRM Engineering
Website: www.rolustech.com
Ph (US): +1 - 310 - 492 - 5564
Ph (UK): +44 - 207 - 9938 - 524
Email: info@rolustech.com
Skype: rolustech

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Thu, 28 May 2015 16:40:00 GMT

Well, @Rolustech, i think in fact your solution works for simple dropdown, but not for multi select dropdown ...

Or maybe i'm wrong ? here is my code, (with scoring_2_roues_c being the dropdown and detail_scoring_2_roues_c being my text field to hide).

({    extendsFrom: 'RecordView',
    initialize: function(options) {
        /*this.plugins = _.union(this.plugins || [], ['HistoricalSummary']);
        this._super('initialize', [options]);*/
  this.model.on("change:scoring_2_roues_c",this.CustomOnChange, this);
    },
 CustomOnChange: function(){
   var scorValue=this.model.get('scoring_2_roues_c');
   alert(scorValue);
   if (scorValue == "sautr")
    $('[data-name="detail_scoring_2_roues_c"]').hide();
   else
    $('[data-name="detail_scoring_2_roues_c"]').show();
   },
})

And i put it in custom/modules/Leads/clients/views/record/record.js

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Rolustech Rolustech — Thu, 28 May 2015 16:30:00 GMT

It was a pleasure. :).

Rolustech: SugarCRM Engineering
Website: www.rolustech.com
Ph (US): +1 - 310 - 492 - 5564
Ph (UK): +44 - 207 - 9938 - 524
Email: info@rolustech.com
Skype: rolustech

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Thu, 28 May 2015 16:21:00 GMT

Thanks a lot, i'm a little rusted in Sugar 7, so thanks a lot for that ! i'll try and come back to you :)

RE: Field dependancy : display a textfield dependant from a custom multi-enum

Gaelle Fernandez — Thu, 28 May 2015 16:20:00 GMT

Hi Rafael,
Thank you for your answer, but this little code only works for Sugar 6, not Sugar 7 (we do not have ediviewdefs anymore in 7)
Have a nice day !