Combining Dynamic Lookup and Dropdown LWCs for faster Record ID access

This time around, we’ve turned our attention to easier access to all Salesforce Records.

In the interest of simplified access, we’ve employed a minimal, dynamic combination of Components- first a dropdown to select an Object, followed by a search field that suggests records within the Object as you type.

Tracing the Flow Of Control Between Components

In the beginning, the Autosearch LW Component(Parent) applies the getAllObjects method(a ‘wire’ method) from within the ManageRecordsController.cls class to retrieve and preview all sObjects in Salesforce.

Next, behind the scenes, the RecordSearch LW Component(Child) too uses getLookupSearchRecords to call a method within the same class.

The method takes in searchstring and sObject as parameters to search and fetch Records with names matching searchstring from an API that. The API, in turn, interfaces with the Autosearch Parent Component.

Then, the Record Item Lightning Web Component(Grandchild) previews all Records fetched through Record Search. To do this, a look-up Field with Record names is setup. Record Item accepts the first few letters entered into the lookup as the searchstring and uses ‘event bubbling’ to come up with the corresponding Record ID(a prerequisite to access Record data at the backend) of the Record matched.

For Live Demo Click here

Source Code

recordItem.html

recordItem.js

recordsearch.html

recordsearch.js

autosearch.html

autosearch.js

autosearch.js-meta.xml

Apex class

ManageRecordsController.cls

Conclusion

The immense benefits of bringing down access times for Object Records speak for themselves. Also, it goes without saying, but time-savings too multiply across agent processes and with each purposeful Record query made. The code illustration above is an example, typical of such far-reaching, yet subtle customizations possibilities in Salesforce.

For more assistance with productivity pages, access-focused improvements, and process efficiency solutions, reach out to us at [email protected]

Our Location worldwide
India
3rd Floor, A-10, Pegasus Tower, Sector 68, Noida, Uttar Pradesh 201301 +91-1203117884
SR Tower 2nd Floor Hydel Gate Haldwani Uttarakhand 263126 +91-5946359996
USA
333 West Brown Deer Road Unit G – 366 Milwaukee WI, USA 53217 +1(262) 310-7818
UK
7 Bell Yard, London, WC2A 2JR +44 20 3239 9428
Canada
HIC Global Solutions INC
43 Lafferty Lane, Richmond Hill, L4C 3N8, CA +1(262) 310-7818