How to get the particular cell value from a gridview and to display it in a textbox using jquery in asp.net?

manpreet Best Answer 2 years ago

The following is my grid view code. In this, I have one column "Syllabus". In the next column I'm having edit and delete buttons. On clicking the Edit button, a popup will display. I displayed that popup using jquery. In the popup, I'm having a textbox for Syllabus. But I dont know how to get that syllabus value from the gridview column and to display its value in the popup for editing its value?

 <asp:GridView ID="gdvwSyllabus" CssClass="enquiryTable" runat="server" AutoGenerateColumns="false" Width="100%">
            <Columns>
                <asp:BoundField HeaderText ="Syllabus" DataField ="Syllabus" />
                <asp:TemplateField HeaderText="Options">
                    <ItemTemplate>
                        <ul class="enquiryList1">
                           
<a href="#"><asp:Image ImageUrl="~/Images/edit2.png" runat="server" ID="btnSyllabusEdit" CssClass="btnEdit" />a>li>
                           
<asp:Image ImageUrl="~/Images/delete2.png" runat="server" ID="btnDelete" />a>li>
                        ul>
                    ItemTemplate>
                asp:TemplateField>
            Columns>
        asp:GridView>

This is my popup code which I designed it as a table.This table will popup on clicking the edit button.I want to display the "syllabus" value in the "txtsyllabus" textbox for edit.

 <table style="border: 0px; margin-left: 15px;" border="0" align="left">
                
                    <td align="right">Syllabus <span class="ErrorField">*span>:td>
                    
                        <asp:TextBox ID="txtsyllabus" CssClass="txtbox txtSyllabus" runat="server">asp:TextBox>

                    td>
                tr>
                 
                      &nbsp;td>
                      <td align="left">
                         <a href="#"><asp:Button ID="btnSubmit" Text="Save" CssClass="btnStyle btnSyllabusSubmit" runat="server" />a>
                      td>
                 tr>
            table>

Thanks in advance.

manpreet 2 years ago

function showpopup(details)
{
document.getElementById('texbox').value=details
document.getElementById('divpopup').style.display='block'

btn=e.item.findcontrol("editbouttn")
btn.attributes.add("onclick","return showpopup(" & e.item.dataitem("details") & ");"