Display Title value of Parent list item in connected Newform.aspx list item

Mikello 81

How can I pass Title value of Parent list item to a connected list webpart item (to same Title field). I am using Display Form in Parent List to display connected webparts.

I am attaching code below in comments for reference.

Mikello 81 Reputation points

2020-08-03T02:06:42.053+00:00

14973-codetopassID.txt
Amos Wu-MSFT 4,051 Reputation points

2020-08-03T08:30:42.12+00:00

Could you share some screenshots about this issue?So that we could do further research.You could make some annotations on the screenshots and pay attention to hiding the secret information.

Accepted answer

Amos Wu-MSFT 4,051 Reputation points

2020-08-04T08:33:08.667+00:00

My code idea, if we use the native new item directly, it will be difficult to transfer the title value between the two pages, so I used SP.UI.ModalDialog.showModalDialog().
Code in parent list display form:parentlistdisplayformcode.txt
Code in child list new form:childlistnewformcode.txt

My test result for your reference:

Tip:Don't forget to change the url of new from to that of your environment.
Please sign in to rate this answer.

0 comments No comments
Sign in to comment

2 additional answers

Mikello 81 Reputation points

2020-08-03T13:20:08.153+00:00

I need help with the script. On the dispform.aspx of Parent List, I have a child list which is connected with Parent list through "Title" field. When I click on New Item of child list, I want to display the Parent "Title" field value in child Newform.aspx.
Please sign in to rate this answer.

0 comments No comments
Sign in to comment
Mikello 81 Reputation points

2020-08-04T17:03:08.167+00:00

@Amos Wu-MSFT I changed URL to child list New form. But when I am on parent list dispform, it is giving me missing semicolon error in debugger. Line 507,9 (attached image in comments). Is there a syntax error in the Parentcode? I am not able to correct it.

Also both Title fields on Parent and Child is marked as required.
Please sign in to rate this answer.
Mikello 81 Reputation points

2020-08-04T17:07:58.603+00:00

Amos Wu-MSFT 4,051 Reputation points

2020-08-05T01:23:13.15+00:00

This error is that the end of the sentence is missing ‘;’.Because you are using Internet Explorer, change the sentence that reported the error to

var title=$("span:contains('Title')").closest('td').next()[1].innerText;

Mikello 81 Reputation points

2020-08-05T18:00:56.717+00:00

Hello, it's almost working, just one issue. It seems like on the ChildList Newform, extra spaces are getting added before and after the value (as you can see in image). I checked and there is no spaces in Parent List Title value. What could be causing extra spaces in New form Title?

Amos Wu-MSFT 4,051 Reputation points

2020-08-06T02:40:12.977+00:00

Updated code:parentlistdisplayformcode.txt

In order to get the value of title more accurately, I no longer get the value from the page, and use the rest api to get the accurate value stored in the list directly .

Mikello 81 Reputation points

2020-08-06T04:48:27.94+00:00

This line in the code. What does test1 represent? Is it my parent list name or child list name?

spPageContextInfo.webAbsoluteUrl+"/_api/web/lists/getbytitle('test1')/items("+id+")?$select=Title",

Amos Wu-MSFT 4,051 Reputation points

2020-08-06T05:37:00.963+00:00

'test1' is the parent list title.

Mikello 81 Reputation points

2020-08-06T19:56:07.557+00:00

I have just one more issue here and that is I actually have 3 different ChildLists on the same Parent disp code, all of them are connected by same Title.
For ex. ChildList1, ChildList2 and ChildList3 - all on same disp form - one below another. How can this code accommodate all 3 child lists?

Right now in parent code it provides newform for only 1 specific list:

openSharePointDialog('Newform', 'https://server-name/site/Lists/ChildList1/NewForm.aspx?title='+title);

Amos Wu-MSFT 4,051 Reputation points

2020-08-07T01:45:14.803+00:00

Updated code(you do not need to modify new form url any more):
parentlistdisplayformcode.txt

If there is a problem with the code, please let me know.

Mikello 81 Reputation points

2020-08-07T15:24:51.687+00:00

We are getting so close but I'm seeing one issue.

The first time when I click on the link "new item" of ChildList, the form pops up correctly. But if I close that dialog box and click on Newitem link again, the dialog box shows a page - not found error. It is repeating for all ChildLists untill I refresh the page and start fresh. I tried multiple times and it gives this behavior. :(

So first click "NewItem" - correct, consecutive clicks - Page not found error in dialog box

Using Your latest Parent list display form code, I have changed just name of my ParentList.

Attaching ChildList NewForm code that I am using. 16473-childlistnewformcode.txt

Amos Wu-MSFT 4,051 Reputation points

2020-08-10T02:11:01.173+00:00

This is the problem with the parent list code,we could save the href value to another attribute before we remove href attribute to solve this problem.
Updated code:parentlistdisplayformcode.txt

Mikello 81 Reputation points

2020-08-26T14:36:57.807+00:00

@Amos Wu-MSFT Hello, there is a slight issue that is bothering our users. On the Child NewForm, when I add an entry and enter Save, dialog box closes but the new entry does not appear immediately on the listwebpart and users have to refresh the page to see the new entry. Is it possible that when we hit "Save" that the page automatically refreshes?

Amos Wu-MSFT 4,051 Reputation points

2020-08-27T07:32:02.437+00:00

Updated the openSharePointDialog funtion to this:

function openSharePointDialog(title, url) { var options = { url: url, title: title, width: 700, showClose: true, showMaximized: false, allowMaximize: false, dialogReturnValueCallback:function(result) { if (result == SP.UI.DialogResult.OK) { window.location.reload(); } if (result == SP.UI.DialogResult.cancel) { } } }; SP.UI.ModalDialog.showModalDialog(options); } }

Mikello 81 Reputation points

2020-08-31T16:39:38.467+00:00

Perfect. THank you so much
Sign in to comment