[SalesForce] Lightning – Combobox vs Select

With the ever increasing base lightning components Salesforce is putting out, I'm always trying to move to the latest and greatest in hopes that through time, it will be supported better than legacy components (such as the ui namespace).

I have now having a tough time wrapping my head around when to use lightning:combobox and when to use lightning:select. Both of these components seem to overlap quite a bit, especially when talking about a simple picklist.

Can someone please provide an outline on the pro's and con's of each, and what scenarios each would be best fitted for?

Thanks!

Best Answer

Apparently, the difference is that one is used in the standard UI, and the other is not. If you want your components to look like the Lightning Experience, use lightning:combobox, but if you want something a little more compact, use lightning:select instead. The pro of lightning:combobox is that it is used in the standard UI (at least of Winter '18), while lightning:select is apparently not. In addition, it has an options attribute to allow dynamically setting values in just one line of markup.

The pro of lightning:select is that it it is smaller. As for a con, it requires option values to be generated, which may be either hard-coded or aura:iteration elements. Either way, it requires significantly more markup to render the picklist.

Related Solutions

[SalesForce] ui:input select on change event in lightning 3

@ItaiShmida Thanks for yur input but somehow it didnt worked. So as a last option i passed the Selected category as One of the Parameter to my Apex controller and then just before created it I changed the value of the object.

var action = component.get("c.createFeedback1");
action.setParams({"parmToBePassed":feedbackFrm , "selectedCat":selectedCat});

And in my apex Controller :

public static String createFeedback1(Feedback__c parmToBePassed, string selectedCat){
    parmToBePassed.Chose_Category__c = selectedCat;
    upsert parmToBePassed;
}

[SalesForce] Lightning combobox options attribute not showing any options!

You're trying to access an attribute that doesn't exist. options must be a list of value-label pairs. You'll need to set up the values in a separate list:

<aura:attribute name="channelOptions" type="Object[]" />

...

var channelOptions = 
  component
  .get("v.channels")
  .map(function(channel) { return { value: channel.Id, label: channel.Name } });
component.set("v.channelOptions", channelOptions);

Best Answer

Related Solutions

[SalesForce] ui:input select on change event in lightning 3

[SalesForce] Lightning combobox options attribute not showing any options!

Related Topic