Lightning Field Set Form Component V2

34 thoughts on “Lightning Field Set Form Component V2”

1. Luke,
   This is a awesome post.but i m facing an issue.by using type= submit.it directly submit the data in the server.but i required to perform the operations on the value.so how to get the value from the inputfield and store it in attribute .please help luke.

   1. Aman,

      You can use the onsubmit event of the recordEditForm to get the values before it is submitted to the server. Here are a couple stackexchange posts that may help:

      https://salesforce.stackexchange.com/questions/211370/validate-fields-in-lightningrecordeditform

      https://salesforce.stackexchange.com/questions/206176/how-to-validate-the-values-before-saving-a-record-through-lightningrecordeditfo?rq=1

2. Luke,
   You came like a saviour for me .I got stuck for about 2 days here.I m new in the lightning.
   Thank You So much for the reply and for the fantastic blog
   Keep Posting More Important Blog Luke.

   1. Thanks for sharing. Glad it helped.

3. Is there an installation guide? I am fairly new to lightning components, but would love to get this installed.

   1. Cris,

      You can install my unmanaged package that contains this and other prototype lightning components by following this guide: https://metillium.com/2018/02/lightning-prototypes-unmanaged-package/

      Please install it in a sandbox first and test it out before installing it in production! Hope it helps!

4. Thanks for sharing this.
   I have one question this is not working for picklist fields.
   Note i have added value=”” to inputfield

   1. Abhay,

      It should work. Can you elaborate on what exactly isn’t working? Is the field not showing up or are you getting an error?

      If it’s not showing up, check field level security on the user’s profile to ensure they have access. The lightning:recordEditForm enforces field level security so if one doesn’t have access to the field, it doesn’t show up.

5. Awesome stuff. I was wondering if you were contemplating a v3 using a lightning:recordForm which would pick the render components without a loop?

   Love your work!

   1. Stephan,

      Checking out the new lightning:recordForm is on my radar for sure. Simply specifying the fields that are configurable through metadata is pretty awesome.

      The next item on my to do list is to create a GitHub repo for these lightning components deployable through the usual “Deploy” button. Then others could start contributing such as creating a V3 Field Set Form.

      Thanks for commenting,
      Luke

   2. Let me know when the Repo is up. I’ll give it a stab

   3. Stephan,

      The repo is up and available for deployment at https://github.com/lfreeland/MetilliumLightningPrototypes

      Looking forward to what you and others come up with.

      Happy Coding,
      Luke

6. Great article.

   We are getting errors if the fields for “lightning:inputField” are not in the page layout. Errors such as “TypeError: Cannot read property ‘label’ of undefined” are showing up.

   It seems like all these components (lightning:recordForm, lightning:recordEditForm, lightning:inputField) require the fields to be part of a page layout which would defeat the purpose of using fieldsets. We were hoping to use fieldsets so that we would not have to include the fields in a page layout. The specs for these components seem to suggest that they can be used with a page layout or specifying a field list but that does not seem like the case.

   1. Paige,

      I removed an Account field used in one of my existing FieldSetForm V2 component examples in my org from all the Account page layouts and everything still worked fine in my personal dev org.

      I also tried removing permission to the field to see if that was an issue because the recordEditForm component used to not work properly with field level security but that also worked fine and just that field was hidden from the form.

      If you could share some sample code that demonstrates the issue, nothing proprietary please, that would be helpful.

      Luke

7. If i want to give button on fixed footer of modal i have to put the button outside the recordeditform. How we will validate input fields before validate?
   event.getParam(‘fields’) – it wont work if button is outside.

   1. Ishan,

      Try using the onsubmit event where you can run code before submit. See the Record Edit Form Documentation

8. Luke Freeland,

   I am trying to access values of filed set on Parent component while time of record creation.
   But I am not able to access it. Do you have any view/solution to get the values enter on the form (using child component which render fieldset) ?

   1. Siri,

      You’d have to add code to the component to tap into the recordEditForm’s onsubmit event or other events so that you can then run your own custom code such as validation or doing something with the result. Take a look at the Lightning Record Edit Documentation for details.

9. Hi Luke,

   I am using your component & rendering Field set on parent component.

   Could you please let me know if there is any way by which I can put some values on the field once the fieldset iteration is over & save that value.

   1. Rohit,

      Here are two things to try:

      1) Try using the “onload” event of the recordEditForm to prepopulate the values. This will likely involve adding an “Onload” event to this component that will then be registered with the underlying recordEditForm component so that you can use this event in any lightning component.

      2) If that doesn’t work, try updating the markup to give the lightning:inputField an AuraId and then try grabbing the components using the find method and then updating their values as needed. Please note that you may have to use multiple find methods to dig into the component hierarchy.

      Let me know if one of those work.

10. Hey Luke. This is Chetan and this is an awesome component. Hope you dont mind if I may use this code on one of my projects. This is a huge time savior. Also what are your thoughts on the new lightning web components ? Looks very promising.

    1. Hey Chetan! Glad it helps! Please use it where applicable and if you have any improvements, please submit a pull request for it at https://github.com/lfreeland/MetilliumLightningPrototypes.

       I’ve only scratched the surface with Lightning Web Components via Trailhead. One of goals is to create a V3 of the Field Set Form implemented using them to get a much better feel for it. What are your thoughts on it so far?

11. Hi Luke,

    I have created multiple selections which when clicked grabs the fieldset api name and uses your code to iterate each field by using the lightning record edit form and the aura iteration. The issue is when one fieldset has, for example, three fields, and I select another field set with 2 or less fields I receive the following error. .

    Uncaught Error in $A.getCallback() [Cannot read property ‘fieldApiName’ of undefined]

    Any help is much appreciated. Also, great work.

    1. Mike,

       That’s a tough one and would likely need to jump on a video call to troubleshoot.

       The error seems to indicate that it’s trying to read the fieldApiName property of some object that’s undefined in the Javascript which indicates that something isn’t being populated for some reason. I’ve seen errors like that when a field wasn’t returned in a field set, when this code runs prior to other code that’s responsible for loading the data because of async ordering issues, and sometimes how using dynamically instantiates components. If you’re dynamically rendering something with , try showing and hiding it with CSS instead and reloading the component manually.

12. Hi,
    My required fields are not getting red’*’. when I used lightning:recordEditForm along with lightning:inputField. do I have to customize it?

    1. <!– –>

       when i save this record, it is taking newly creation of record Id as Name and getting saved.

    2. Hey Arun,
       I’m not sure what you mean. Can you elaborate?

    3. Hey Arun,
       One downside of the lightning:inputField is that it determines its “requiredness” based on the field definition and there’s no “required” attribute like there is on other input components to provide an override. You could try using V1 of the FieldSetForm where it does all the work itself and one can provide a required override as needed. Another possibility is to use validation rules that will ensure it’s required upon save but it won’t have the red asterisk but at least you’ll have the validation in place.

13. Hello, why CMP. Get (‘ v.ordid ‘) can get data, but var fieldSetName = CMP. Get (‘ v.fieldsetname ‘); Console.log (fieldSetName) displays undefined,Help me,Thank you!

    1. The fieldsetname has to be provided by whatever is using the fieldsetform component. If it’s being used in LEX, use the lightning app builder to tell it the object and field set to use via the component’s properties.

       I’m not sure what v.ordid attribute is since that’s not in this code. Hope this helps.

14. I have tried using your code but it is throwing the error in this way
    I am getting the save button and after that I am getting the below error:
    This page has an error. You might just need to refresh it.
    Action failed: lightning:recordEditForm$controller$handleSubmit [Cannot read property ‘record’ of null]
    Failing descriptor: {lightning:recordEditForm$controller$handleSubmit}

15. hello I am new in lightning component, for a project I need to create a dynamic component, thank you for your work and for sharing.

    I have a small problem during the test it does not show anything except the button.

    what do I have to modify in the code or initiate to make it work? thank you

16. Hi Luke,
    I am using recordeditform with field set and my requirement to prepopulate one field, but when I prepopulate field using component.find(‘nameField’).set(‘v.value’, ‘test’);. it’s giving me error “Cannot read property ‘set’ of undefined”. and when I do not use iterator and fieldset, and directly use “”. then it’s working, even my auraid is perfectly set while I use iterator and fieldset then why my inputField element showing undefined?

17. Hi!!
    Your Component is really good!!
    I would like to use it with a recordForm, do you know how can I have the Atribute Fields as String[]?

    Thank you!!

Comments are closed.