edit row values and populate them on modal popup

My requirement : I am creating a web application (ASP.NET), and I added S.NO. , Edit and Delete columns through Item Template in my existing Employee table. I created a modal popup to be generated when I click on edit button in grid row based on the row index, I took input field for edit and delete buttons instead of asp controller button because with asp controller I can't open modal pop up properly. can anybody help me with code-behind to get the row values and populate them in modal Popup .

My Html code for gridview

<asp:GridView ID="gvSearchData" runat="server" DataKeyNames="ID" class="table table-hover table-striped table-condensed" > <Columns> <asp:TemplateField HeaderText="S.No"> <ItemTemplate> <%#Container.DataItemIndex+1 %> ItemTemplate> asp:TemplateField> <asp:TemplateField HeaderText="Edit"> <ItemTemplate> <input id="btnEdit" type="button" commandname="Edit" runat="server" value="Edit" class="btn btn-info btn-sm" data-toggle="modal" data-target="#myEditModal" commandargument='<%# DataBinder.Eval(Container.DataItem, "ID") %>' /> ItemTemplate> asp:TemplateField> <asp:TemplateField HeaderText="Delete"> <ItemTemplate> <input id="btnDelete" type="button" commandname="Delete" runat="server" value="Delete" class="btn btn-danger btn-sm" data- toggle="modal" data-target="#myDeleteModal" commandargument='<%# DataBinder.Eval(Container.DataItem, "ID") %>' /> ItemTemplate> asp:TemplateField> Columns> asp:GridView>

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Gokhul Varman9y ago
It is very simple just follow the instructions given in the link below:http://techbrij.com/show-modal-popup-edit-aspdotnet-gridview
0
Sundaram Subramanian9y ago
From Cobe behind, OnRowEditing or RowDataBound, call a JavaScript Function. In that Script Keep the Model Popup and pass the Current Cell's ID (e). So You can edit or delete the current cell in modal popup.

and Yes as Gokul Posted, Follow this Link

http://techbrij.com/show-modal-popup-edit-aspdotnet-gridview
0