https://www.ptcusercommunity.com/t5/Windchill-Customization/Create-a-picker-dynamically-when-button-is-clicked/m-p/1042761#M10722 <P>When I click on the + button, a new row should get created, creating a new row is also working fine with the below code.</P><P>&nbsp;</P><P>in the JSP page, I first created a table like below<BR /><BR /></P><LI-CODE lang="markup">&lt;table id="attachmentTable" style="border-collapse: separate; border-spacing: 12px; font-family: Arial, Helvetica, sans-serif;"&gt; &lt;!-- pickerCallback="BUEPMDocumentPickerCallBack" --&gt; &lt;tbody id="rows"&gt; &lt;tr&gt; &lt;td&gt; &lt;wctags:itemPicker id="buObjectPicker" label="Document Picker" showTypePicker="false" objectType="WCTYPE|wt.epm.EPMDocument,WCTYPE|wt.doc.WTDocument" componentId="buObjectPicker" pickerTitle="Object Picker" displayAttribute="name,number" pickedAttributes="name,number,version,iteration,view" editable="true" pickerCallback="BUEPMDocumentPickerCallBack" pickerTextBoxLength = "40" readOnlyPickerTextBox="true" /&gt; &lt;/td&gt; &lt;td style="border-collapse: separate; border-spacing: 12px; font-family: Arial, Helvetica, sans-serif;"&gt; &lt;select style="width:190px;" name="linkType" id = "linkType" &gt; &lt;option value="" disabled selected&gt;(Please Select Document)&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td style="border-collapse: separate; border-spacing: 12px; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;button type="button" id="add-NE"&gt;&lt;img src="netmarkets/images/add16x16.gif"&gt;&lt;/button&gt;&lt;/td&gt; &lt;td style="border-collapse: separate; border-spacing: 12px; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;button type="button" id="delete-NE"&gt;&lt;img src="netmarkets/images/remove16x16.gif"&gt;&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- dynamically rows will get added here --&gt; &lt;/tbody&gt; &lt;/table&gt;</LI-CODE><P>in the callback function, everytime Im getting&nbsp;<SPAN>console.log(pickerID); as&nbsp;buObjectPicker whenever I click on the picker.</SPAN></P><P>&nbsp;</P><P>Written the javascript as mentioned below whenever we click on add button and remove button.</P><P>&nbsp;</P><LI-CODE lang="markup">&lt;script&gt; jQuery(function() { let attachmentIndex = 0; const jQueryrows = jQuery("#rows"); const jQuerytable = jQuery("#attachmentTable"); const jQueryfirstRow = jQuerytable.find("tbody tr").first(); console.log({jQueryfirstRow}); const templateRowHtml = jQueryfirstRow.prop("outerHTML"); jQuery("#attachmentTable").on("click", ".add-NE-clone, #add-NE", function(e) { e.preventDefault(); addRow(); }); function addRow() { attachmentIndex++; const jQuerynewRow = jQuery(templateRowHtml); const jQuerypicker = jQuerynewRow.find("#buObjectPicker"); console.log({jQuerypicker}); const pickerId = "buObjectPicker-" + attachmentIndex; console.log({pickerId}); jQuerypicker.attr("id", pickerId).attr("componentId", pickerId).attr("name", pickerId); jQueryrows.append({jQuerynewRow}); console.log({jQueryrows}); } jQuery("#attachmentTable").on("click", ".delete-NE", function(e) { e.preventDefault(); const jQueryrow = jQuery(this).closest("tr"); const totalRows = jQuery("#attachmentTable tbody tr").length; if (totalRows &gt; 1) { jQueryrow.remove(); } else { jQueryrow.find("input[type='text']").val(""); const jQueryselect = jQueryrow.find('select[name="linkType"]'); jQueryselect.empty().append('&lt;option value="" disabled selected&gt;(Please Select Document)&lt;/option&gt;'); } }); function reinitPicker(cfg) { console.log("Init picker with names:", cfg); } }); &lt;/script&gt;</LI-CODE><P>&nbsp;</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Manoj_Dokku4_0-1762844495816.png" style="width: 400px;"><img src="https://www.ptcusercommunity.com/t5/image/serverpage/image-id/130946i84B0CC92734CB5CB/image-size/medium?v=v2&amp;px=400" role="button" title="Manoj_Dokku4_0-1762844495816.png" alt="Manoj_Dokku4_0-1762844495816.png" /></span></P><P><a href="https://www.ptcusercommunity.com/t5/user/viewprofilepage/user-id/241117">@HelesicPetr</a>&nbsp;<BR /><BR />Please let me know if there is anything I miss over here.</P><P>&nbsp;</P> Tue, 11 Nov 2025 07:13:18 GMT Manoj_Dokku4 2025-11-11T07:13:18Z https://www.ptcusercommunity.com/t5/Windchill-Customization/Create-a-picker-dynamically-when-button-is-clicked/m-p/1042761#M10722 <P>When I click on the + button, a new row should get created, creating a new row is also working fine with the below code.</P><P>&nbsp;</P><P>in the JSP page, I first created a table like below<BR /><BR /></P><LI-CODE lang="markup">&lt;table id="attachmentTable" style="border-collapse: separate; border-spacing: 12px; font-family: Arial, Helvetica, sans-serif;"&gt; &lt;!-- pickerCallback="BUEPMDocumentPickerCallBack" --&gt; &lt;tbody id="rows"&gt; &lt;tr&gt; &lt;td&gt; &lt;wctags:itemPicker id="buObjectPicker" label="Document Picker" showTypePicker="false" objectType="WCTYPE|wt.epm.EPMDocument,WCTYPE|wt.doc.WTDocument" componentId="buObjectPicker" pickerTitle="Object Picker" displayAttribute="name,number" pickedAttributes="name,number,version,iteration,view" editable="true" pickerCallback="BUEPMDocumentPickerCallBack" pickerTextBoxLength = "40" readOnlyPickerTextBox="true" /&gt; &lt;/td&gt; &lt;td style="border-collapse: separate; border-spacing: 12px; font-family: Arial, Helvetica, sans-serif;"&gt; &lt;select style="width:190px;" name="linkType" id = "linkType" &gt; &lt;option value="" disabled selected&gt;(Please Select Document)&lt;/option&gt; &lt;/select&gt; &lt;/td&gt; &lt;td style="border-collapse: separate; border-spacing: 12px; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;button type="button" id="add-NE"&gt;&lt;img src="netmarkets/images/add16x16.gif"&gt;&lt;/button&gt;&lt;/td&gt; &lt;td style="border-collapse: separate; border-spacing: 12px; font-family: Arial, Helvetica, sans-serif;"&gt;&lt;button type="button" id="delete-NE"&gt;&lt;img src="netmarkets/images/remove16x16.gif"&gt;&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;!-- dynamically rows will get added here --&gt; &lt;/tbody&gt; &lt;/table&gt;</LI-CODE><P>in the callback function, everytime Im getting&nbsp;<SPAN>console.log(pickerID); as&nbsp;buObjectPicker whenever I click on the picker.</SPAN></P><P>&nbsp;</P><P>Written the javascript as mentioned below whenever we click on add button and remove button.</P><P>&nbsp;</P><LI-CODE lang="markup">&lt;script&gt; jQuery(function() { let attachmentIndex = 0; const jQueryrows = jQuery("#rows"); const jQuerytable = jQuery("#attachmentTable"); const jQueryfirstRow = jQuerytable.find("tbody tr").first(); console.log({jQueryfirstRow}); const templateRowHtml = jQueryfirstRow.prop("outerHTML"); jQuery("#attachmentTable").on("click", ".add-NE-clone, #add-NE", function(e) { e.preventDefault(); addRow(); }); function addRow() { attachmentIndex++; const jQuerynewRow = jQuery(templateRowHtml); const jQuerypicker = jQuerynewRow.find("#buObjectPicker"); console.log({jQuerypicker}); const pickerId = "buObjectPicker-" + attachmentIndex; console.log({pickerId}); jQuerypicker.attr("id", pickerId).attr("componentId", pickerId).attr("name", pickerId); jQueryrows.append({jQuerynewRow}); console.log({jQueryrows}); } jQuery("#attachmentTable").on("click", ".delete-NE", function(e) { e.preventDefault(); const jQueryrow = jQuery(this).closest("tr"); const totalRows = jQuery("#attachmentTable tbody tr").length; if (totalRows &gt; 1) { jQueryrow.remove(); } else { jQueryrow.find("input[type='text']").val(""); const jQueryselect = jQueryrow.find('select[name="linkType"]'); jQueryselect.empty().append('&lt;option value="" disabled selected&gt;(Please Select Document)&lt;/option&gt;'); } }); function reinitPicker(cfg) { console.log("Init picker with names:", cfg); } }); &lt;/script&gt;</LI-CODE><P>&nbsp;</P><P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Manoj_Dokku4_0-1762844495816.png" style="width: 400px;"><img src="https://www.ptcusercommunity.com/t5/image/serverpage/image-id/130946i84B0CC92734CB5CB/image-size/medium?v=v2&amp;px=400" role="button" title="Manoj_Dokku4_0-1762844495816.png" alt="Manoj_Dokku4_0-1762844495816.png" /></span></P><P><a href="https://www.ptcusercommunity.com/t5/user/viewprofilepage/user-id/241117">@HelesicPetr</a>&nbsp;<BR /><BR />Please let me know if there is anything I miss over here.</P><P>&nbsp;</P> Tue, 11 Nov 2025 07:13:18 GMT https://www.ptcusercommunity.com/t5/Windchill-Customization/Create-a-picker-dynamically-when-button-is-clicked/m-p/1042761#M10722 Manoj_Dokku4 2025-11-11T07:13:18Z https://www.ptcusercommunity.com/t5/Windchill-Customization/Create-a-picker-dynamically-when-button-is-clicked/m-p/1043830#M10741 <P>Hi <SPAN style="background: var(--ck-color-mention-background); color: var(--ck-color-mention-text);"><a href="https://www.ptcusercommunity.com/t5/user/viewprofilepage/user-id/620967">@Manoj_Dokku4</a></SPAN>&nbsp;<BR /><BR />Thank you for your question.&nbsp;<BR /><BR />Your post appears well documented but has not yet received any response. I am replying to raise awareness. Hopefully, another community member will be able to help.<BR /><BR />Also, feel free to add any additional information you think might be relevant.&nbsp;</P> <P>&nbsp;</P> <P>Best regards,</P> Tue, 18 Nov 2025 10:16:09 GMT https://www.ptcusercommunity.com/t5/Windchill-Customization/Create-a-picker-dynamically-when-button-is-clicked/m-p/1043830#M10741 Catalina 2025-11-18T10:16:09Z