Skip to content

comboboxify

Import

1
  import { comboboxify } from 'c/boltage';

Usage

1
export default class myLwc extends LightningElement {
2
  @wire(apexMethod)
3
  apexResults;
4
  get comboboxOptions() {
5
    return this.apexResults?.data
6
      ? comboboxify(this.apexResults.data, {
7
        value: ['Relation__c.Field__c'],
8
        label: ['Relation__c.Field__c']
9
      })
10
      : [];
11
  }
12
 }

Methods

comboboxify(data, shape) : `Option[]`

Name	Type	Description
`data`	`Object[]`	Array of javascript objects received from any sources
`shape`	`OptionShape`	Description of how you want your options to look like by defining the props `label`, `value` and `description`

Example

Usage of relationship field

1
export default class myLwc extends LightningElement {
2
  @wire(apexMethod)
3
  apexResults;
4
  get comboboxOptions() {
5
    return this.apexResults?.data
6
      ? comboboxify(this.apexResults.data, {
7
        value: ['Relation__c.Field__c'],
8
        label: ['Relation__c.Field__c']
9
      })
10
      : [];
11
  }
12
 }

1
@auraEnabled(cacheable=true)
2
public static Case apexMethod() {
3
  return [SELECT Relation__c.Field__c FROM Case];
4
}

Concatenate values

1
export default class myLwc extends LightningElement {
2
  @wire(apexMethod)
3
  apexResults;
4
  get comboboxOptions() {
5
    return this.apexResults?.data
6
      ? comboboxify(this.apexResults.data, {
7
        value: ['Relation__c.Field__c', 'OtherField__c', 'AnotherOne__c'],
8
        label: ['Relation__c.Field__c']
9
      })
10
      : [];
11
  }
12
 }

1
@auraEnabled(cacheable=true)
2
public static Case apexMethod() {
3
  return [SELECT Relation__c.Field__c, OtherField__c, AnotherOne__c FROM Case];
4
}

Usage of single values

1
export default class myLwc extends LightningElement {
2
  @wire(apexMethod)
3
  apexResults;
4
  get comboboxOptions() {
5
    return this.apexResults?.data
6
      ? comboboxify(this.apexResults.data, {
7
        value: ['$'],
8
        label: ['$']
9
      })
10
      : [];
11
  }
12
 }

1
@auraEnabled(cacheable=true)
2
public static String apexMethod() {
3
  return new Array<String>{'OK', 'KO', 'ERROR', 'WARN'};
4
}