Greetings using sharepoint 2016 ( On prem ) have added table dynamically with edit button Problem: when user click on edit button all columns converts into textbox to allow user to edit data and save. here i need to add drop down , but dropdown is being added to all table not on particular row , based on Edit button 2) How to hide search textbox ? Solution Required: just add dropdown as user click on edit button on same row in td ( td num is 8 where dropdown should be added ) Snaps are shared for reference

Resolved My self i add control in div , it easy to remove div whenever avoid duplication Thanks

Hi @Mohammad Qasim , Can you share the source code or JS library? We cannot know the element properties or reproduce this issue. If $('#tredit_' + id) is a <tr> tag, then its parent should be the table and find("td:nth-child(8)").append(inputElement); will add dropdown to all rows. Thanks Baker Kong

How can i add drop down list in particular table row td ( cell num is 7 ) when click edit button

Mohammad Qasim 576

Greetings

using sharepoint 2016 ( On prem )

have added table dynamically with edit button

Problem:

when user click on edit button all columns converts into textbox to allow user to edit data and save.
here i need to add drop down , but dropdown is being added to all table not on particular row , based on Edit button

2) How to hide search textbox ?

Solution Required:
just add dropdown as user click on edit button on same row in td ( td num is 8 where dropdown should be added )

Snaps are shared for reference

Mohammad Qasim 576

Attachment

$(document).ready(function () {
    $('#tblreporttrailPrv').delegate("#btneditMaster", "click", function () {
        var id = $(this).closest("tr").attr("id").split('_')[1];
        $('#tredit_' + id).show();
        BindShelfLife(id);
        $('#tr_' + id).hide();
    });
});

function BindShelfLife(id) {

               $('#tredit_' + id).parent().find("td:nth-child(8)").append(inputElement);

        });
}`enter code here`

Accepted answer

Mohammad Qasim 576 Reputation points

2020-11-21T13:40:27.517+00:00

Resolved My self

i add control in div , it easy to remove div whenever avoid duplication

Thanks
Please sign in to rate this answer.
Baker Kong-MSFT 3,801 Reputation points

2020-11-23T01:10:46.303+00:00

Hi @Mohammad Qasim ,

Glad to hear that it has been solved. Hope you're delight with this community. You can mark it as Answer so that others who stuck in similar issues could get answered quickly.

Thanks
Baker Kong
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

1 additional answer

Baker Kong-MSFT 3,801 Reputation points

2020-11-19T01:43:40.333+00:00

Hi @Mohammad Qasim ,

Can you share the source code or JS library? We cannot know the element properties or reproduce this issue.

If $('#tredit_' + id) is a <tr> tag, then its parent should be the table and find("td:nth-child(8)").append(inputElement); will add dropdown to all rows.

Thanks
Baker Kong
Please sign in to rate this answer.
Mohammad Qasim 576 Reputation points

2020-11-19T08:00:02.413+00:00

Table name "tblprv" and "'#tredit_+id" its row id and this is TD
find("td:nth-child(8)").append(inputElement)" where i want to add control.

Here you Go

Baker Kong-MSFT 3,801 Reputation points

2020-11-19T09:29:25.223+00:00

I suspect the id of TD is the same. I may need to test at my side. Can you please share the full code including how to generate table? using txt format? You can share it through github or onedrive.

Thanks
Baker Kong

Mohammad Qasim 576 Reputation points

2020-11-19T10:24:52.283+00:00

how can i share, here text limit is only 1000??

Mohammad Qasim 576 Reputation points

2020-11-19T10:46:11.93+00:00

I have added using below code
$('#tredit_' + id).find("td:eq(7)").append(inputElement);

Note : its row id ='#tredit_' + id"

Problem : just let me one thing how to remove this control , if user click on cancel button ?
or when user click on edit button first validate ,is control is added ? ,so not add new one .

Baker Kong-MSFT 3,801 Reputation points

2020-11-20T07:03:24.32+00:00

You can share it through link. We'd like to reproduce it.

Thanks
Baker Kong
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

How can i add drop down list in particular table row td ( cell num is 7 ) when click edit button

1 additional answer

Your answer