Reply

Jayshree

Member

94 Points

How to get row number from gridview on textbox change event using javascript without page refresh...

Feb 22, 2012 10:59 AM|LINK

<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">
        <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
                        <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
                        <Columns>
                            <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>

Edited by Jayshree on Feb 22, 2012 11:00 AM
Edited by Jayshree on Feb 22, 2012 11:36 AM
Edited by Jayshree on Feb 22, 2012 11:36 AM
Edited by Jayshree on Feb 22, 2012 11:36 AM

Reply

avinash_bhud...

Contributor

2881 Points

517 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 22, 2012 11:16 AM|LINK

Try something like this.

In rowdatabound event

protected void gv_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        ((TextBox)e.Row.FindControl("textbox")).Attributes.Add("OnChange", "javascript:dosomething(" + e.Row.RowIndex + ")");
    }

Hope this helps.

Edited by avinash_bhudke on Feb 22, 2012 11:16 AM
Edited by avinash_bhudke on Feb 22, 2012 11:36 AM

Reply

Vijay Giggs

Member

160 Points

55 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 22, 2012 11:27 AM|LINK

Hi,

I agree with avinash_bhudke.

Edited by Vijay Giggs on Feb 22, 2012 11:36 AM

Reply

Jayshree

Member

94 Points

95 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 22, 2012 11:35 AM|LINK

Thanks for reply....

I don't want to page refresh.... Their is any other way to get row index without page refreshing...

Edited by Jayshree on Feb 22, 2012 11:36 AM

Reply

avinash_bhud...

Contributor

2881 Points

517 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 22, 2012 11:41 AM|LINK

It will be not page refresh when the grid is built first time it will automatically pass row number to your onchange javascript function.

So when textbox onchange gets fired you will get row number as parameter in your function.

Reply

Jayshree

Member

94 Points

95 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 22, 2012 12:09 PM|LINK

Thanks sir, but when grid was fill that time its show the error...

This is my code...

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Read GridView Contents using javascript</title>
<script type ="text/javascript" >
function rowno(rowindex)
    {
        alert(rowindex);
    }


</script>
</head>

<body>
    <form id="form1" runat="server">
    <div>
    <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: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>


        <hr />


        <asp:Button runat="server" ID="cmdRead" Text="Javascript to read gridview data" OnClientClick=" return Read_Data();" />
    </div>
    </form>
</body>
</html>

protected void gv_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        ((TextBox)e.Row.FindControl("textbox")).Attributes.Add("OnChange", "javascript:rowno(" + e.Row.RowIndex + ")");
    }

Reply

avinash_bhud...

Contributor

2881 Points

517 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 22, 2012 01:12 PM|LINK

Can you share what error you are getting?

Reply

Jayshree

Member

94 Points

95 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 23, 2012 04:25 AM|LINK

Thanks for reply me....

This error show...

Server Error in '/project1182010' Application.

Object reference not set to an instance of an object.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

Source Error:

Line 2586:    protected void gv_RowDataBound(object sender, GridViewRowEventArgs e)
Line 2587:    {
Line 2588: ((TextBox)e.Row.FindControl("textbox")).Attributes.Add("OnChange", "javascript:rowno(" + e.Row.RowIndex + ")"); Line 2589:    }
Line 2590:}

Source File: c:\Documents and Settings\jayshree.MAIN_SERVER\Desktop\project1182010\SalProcess.aspx.cs Line: 2588

Reply

rbprajapati

Member

30 Points

21 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 23, 2012 04:43 AM|LINK

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            //Put Code Here
        }
    }

Rajesh Prajapati
My Blog
My Website
Please contact prajapati.rajesh@gmail.com

Edited by rbprajapati on Feb 23, 2012 04:43 AM

Reply

Jayshree

Member

94 Points

95 Posts

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Feb 23, 2012 04:53 AM|LINK

Still show the same error...

Object reference not set to an instance of an object.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

Source Error:

Line 2588:        if (e.Row.RowType == DataControlRowType.DataRow)
Line 2589:        {
Line 2590: ((TextBox)e.Row.FindControl("textbox")).Attributes.Add("OnChange", "javascript:rowno(" + e.Row.RowIndex + ")"); Line 2591:        }
Line 2592:    }

Source File: c:\Documents and Settings\jayshree.MAIN_SERVER\Desktop\project1182010\SalProcess.aspx.cs Line: 2590

How to get row number from gridview on textbox change event using javascript without page refreshing.. RSS

12 replies

Jayshree

How to get row number from gridview on textbox change event using javascript without page refresh...

avinash_bhud...

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Vijay Giggs

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Jayshree

Re: How to get row number from gridview on textbox change event using javascript without page ref...

avinash_bhud...

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Jayshree

Re: How to get row number from gridview on textbox change event using javascript without page ref...

avinash_bhud...

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Jayshree

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Thanks for reply me....

This error show...

Server Error in '/project1182010' Application.

Object reference not set to an instance of an object.

rbprajapati

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Jayshree

Re: How to get row number from gridview on textbox change event using javascript without page ref...

Object reference not set to an instance of an object.

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft