How get GridView cell value using java script code : The Official Microsoft ASP.NET Forums

<asp:TemplateField HeaderText="button">
                    <ItemTemplate>
                        <asp:Button ID="btn" runat="server" Text="Click here" />
                    </ItemTemplate>
                </asp:TemplateField>

In Code behind:

On GridRowBound event of grid get the button and add onclick event and call javascript function

protected void GVCity_RowDataBound(object sender, GridViewRowEventArgs e)
{
	if (e.Row.RowType == DataControlRowType.DataRow)
        {		
                  Button btn = (Button)e.Row.FindControl("btn");
		  btn.Attributes["onclick"] = "javascript:return rowno('" + e.Row.RowIndex + "')";
	}
}

Edited by shivv on Feb 23, 2012 08:28 AM

Reply

Jayshree

Member

94 Points

95 Posts

Re: How get GridView cell value using java script code

Feb 23, 2012 08:15 AM|LINK

Thanks for replying sir...

i get output in this type

<span id="ctl00_head_gv_ctl02_lblmd">M</span>

but actual answer is M

its show also span details which i don't want...

Edited by Jayshree on Feb 23, 2012 08:28 AM

Reply

shivv

Participant

1566 Points

283 Posts

Re: How get GridView cell value using java script code

Feb 23, 2012 08:56 AM|LINK

There are three ways to fix this issue:

1. Use BoundField instead of "TemplateField and label" for showing value

2. If you are using TemplateField then use <%#DataBinder.Eval(Container.DataItem, "<field name>")%> instead of lablel

3. if you are using templatefiled and label then Change your javascript function with below function:

function rowno(rowindex) {
            var i, CellValue, Row, td;
            i = parseInt(rowindex) + 1;

            var table = document.getElementById('<%=GVCity.ClientID %>');

            Row = table.rows[i];
            td = Row.cells[1];

            CellValue = td.children[0].attributes[0].value;
            alert(CellValue);

            return false;
        }

you can choose any option

Edited by shivv on Feb 23, 2012 08:57 AM
Marked as answer by Jayshree on Feb 23, 2012 09:15 AM

Reply

Jayshree

Member

94 Points

95 Posts

Re: How get GridView cell value using java script code

Feb 23, 2012 09:15 AM|LINK

Thank u so much sir........

its works..

Reply

Jayshree

Member

94 Points

95 Posts

Re: How get GridView cell value using java script code

Feb 23, 2012 09:33 AM|LINK

Sir i have another query...
How to get hide cell value in gridview using javascript..

Reply

shivv

Participant

1566 Points

283 Posts

Re: How get GridView cell value using java script code

Feb 23, 2012 09:50 AM|LINK

Jayshree

How to get hide cell value in gridview using javascript..

add below line in javascript function to hide the cell value

td.children[0].attributes[0].ownerElement.hidden = true;

Reply

Jayshree

Member

94 Points

95 Posts

Re: How get GridView cell value using java script code

Feb 23, 2012 10:51 AM|LINK

Thank u sir,,

I am using this javascript to get hide cell vallue but not get the value..

function rowno(rowindex)
    {
        var i, CellValue,Row;
        i = parseInt (rowindex) + 1 ;

         var table = document.getElementById('<%=gv.ClientID %>');

         Row = table.rows[i].cells[0];

          CellValue = Row.innerHTML;

          Row.children[0].attributes[0].ownerElement.hidden = true;

          alert(CellValue);


    }

Reply

shivv

Participant

1566 Points

283 Posts

Re: How get GridView cell value using java script code

Feb 23, 2012 11:02 AM|LINK

Use this:

function rowno(rowindex)
{
        var i, CellValue,Row;
        i = parseInt (rowindex) + 1 ;

         var table = document.getElementById('<%=gv.ClientID %>');
            
         Row = table.rows[i].cells[0];
                    
          CellValue = Row.innerHTML;
          
          Row.children[0].hidden = true;
         
          alert(CellValue);
    
}

Reply

Jayshree

Member

94 Points

95 Posts

Re: How get GridView cell value using java script code

Feb 23, 2012 11:28 AM|LINK

Thank u so much sir for u r reply...

This code nt show the hide cell value...

This is my code...

<script type ="text/javascript" >


    function rowno(rowindex)
    {
        var i, CellValue,Row;
        i = parseInt (rowindex) + 1 ;

         var table = document.getElementById('<%=gv.ClientID %>');

         Row = table.rows[i].cells[0];

          CellValue = Row.innerHTML;

         // Row.children[0].attributes[0].ownerElement.hidden = true;
         Row.children[0].hidden = true;

          alert(CellValue);


    }


</script>

<asp:GridView ID="gv" runat="server" Font-Size="16pt"
        Font-Names="Verdana" Width="292px" AutoGenerateColumns="False"
        onrowediting="gv_RowEditing" onrowcancelingedit="gv_RowCancelingEdit"
        onrowupdating="gv_RowUpdating" DataKeyNames="TKTNO"
            onrowdatabound="gv_RowDataBound">
        <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
                        <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
                        <Columns>

           <asp:BoundField DataField="MD" HeaderText="MD" Visible="False" />

                            <asp:TemplateField HeaderText="TKTNO">

                                <ItemTemplate>
                                    <asp:Label ID="Label1" runat="server" Text='<%# Bind("TKTNO") %>'></asp:Label>
                                </ItemTemplate>

                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="NAME">

                                <ItemTemplate>
                                    <asp:Label ID="Label2" runat="server" Text='<%# Bind("NAME") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="BASIC">

                                <ItemTemplate>
                                    <asp:Label ID="Label3" runat="server" Text='<%# Bind("BASIC") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="DA">

                                <ItemTemplate>
                                    <asp:Label ID="Label4" runat="server" Text='<%# Bind("DA") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="DP">

                                <ItemTemplate>
                                <asp:TextBox ID="txtdp" runat="server" Text='<%# Bind("DP") %>' Width="20px"></asp:TextBox>

                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="AB">

                                <ItemTemplate>
                                 <asp:TextBox ID="txtab" runat="server" Text='<%# Bind("AB") %>' Width="20px"></asp:TextBox>

                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="WH">

                                <ItemTemplate>
                                <asp:TextBox ID="txtwh" runat="server" Text='<%# Bind("WH") %>' Width="20px"></asp:TextBox>

                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="ED">

                                <ItemTemplate>
                                <asp:TextBox ID="txted" runat="server" Text='<%# Bind("ED") %>' Width="20px"></asp:TextBox>

                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="A_DAY">

                                <ItemTemplate>
                                 <asp:TextBox ID="txta_day" runat="server" Text='<%# Bind("A_DAY") %>' Width="20px"></asp:TextBox>

                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="B_DAY">

                                <ItemTemplate>
                                    <asp:TextBox ID="txtb_day" runat="server" Text='<%# Bind("B_DAY") %>' Width="20px"></asp:TextBox>

                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="C_DAY">

                                <ItemTemplate>
                                    <asp:TextBox ID="txtc_day" runat="server" Text='<%# Bind("C_DAY") %>' Width="20px"></asp:TextBox>

                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="D_DAY">

                                <ItemTemplate>
                                    <asp:TextBox ID="txtd_day" runat="server" Text='<%# Bind("D_DAY") %>' Width="20px"></asp:TextBox>

                                </ItemTemplate>
                            </asp:TemplateField>
        </Columns>
                        <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" Font-Names="Verdana" Font-Size="X-Small" />
                        <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" Font-Names="Verdana" Font-Size="X-Small" HorizontalAlign="Left" />
                        <AlternatingRowStyle BackColor="White" Font-Names="Verdana" Font-Size="X-Small" />

    </asp:GridView>

How get GridView cell value using java script code RSS

11 replies

Jayshree