Hi There,
From what I can tell, there are two different parts to your question, which are:
How can you remove the "Add another" button from a data-grid
How do you automatically populate a data grid based on the selection from a SharePoint drop-down menu
To remove the "Add Another" button from a data grid you can use the steps below:
Open the component settings for the data-grid
Under the display tab click the "Disable adding / Removing Rows" option.
Populating a data-grid based on a data-source can be a complex topic. I recommend having read of the official Team Forms documentation on how to do this. For your reference the article is is linked below:
i'm a little confused by your screen shot as it shows an empty data-grid, however your comment mentioned that that data-grid is showing the rows from the previous selection with data populating. These are two are very different scenarios making it very difficult to advise.
Would you be able to provide a video showing the issue? in addition I recommend opening Team Forms in your browser to see if you are seeing any errors when opening the console logs using developer tools.
Are you able to see any errors in the console when opening developer tools in Chrome?
One work around to that might be with trying is to call the function shown below after you set the value. However there is probably a root cause to your issue which is better to get to the bottom by looking weather there are console errors.
instance.root.getComponent('details').redraw()@Anonymous just wanted to check if that worked for you. If you're continuing to experience issues, it could be helpful to share a copy of your forms source code with our team so they can review. This can be done directly in app with a few clicks as explained in the article below:
Hi Erin,
Thank you for getting back in touch.
I got sorted out for populating the items on the form as it was a issue related to javascript with a syntax error.
The above method worked with some tweak in code.