asp.net C# get selected row from gridview using javascript function

Question

I created a javascript function to get the selected row from a gridview and it is working fine when I use BoundField DataField, but when I use label inside the ItemTemplate in the gridview it returns a value but with html codes.

for example when I use BoundField DataField I get this:

user name

and when I use label inside ItemTemplate I get this:

<span id="gvCustomers_Label4_6">user name</span>

here is my code:

<script type ="text/javascript" >
    function GetSelectedRow(UserLink) {
        var row = UserLink.parentNode.parentNode;
        var Userid = row.cells[1].innerHTML;
        alert(Userid);
        return false;
    }
</script>

here is the gridview code:

<asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" AllowPaging="true" OnPageIndexChanging="OnPaging">        
    <Columns>
        <asp:TemplateField HeaderText="user name">
            <ItemTemplate>
                <asp:Label ID="Label4" Text='<%#  Eval("user_name")  %>' runat ="server"/>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField>
            <ItemTemplate>
                <asp:Button ID="ButtonSearch" runat="server" ClientIDMode="Static"  Text='select'  OnClientClick = "return GetSelectedRow(this)" CommandArgument ='<%# Bind("user_name") %>' />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Soes this answer your question? asp:label gets converted as span element - "If you set the Label.AssociatedControlID value it becomes a label element. If it is not associated to a control or in other words not being used as a label element it becomes a span element." — stuartd
– stuartd, Commented Dec 2, 2020 at 16:18

VDWWD · Accepted Answer · 2020-12-02 19:03:30Z

1

You could do this if you have more than one span or other elements in the cell

row.cells[1].getElementsByTagName("span")[0].innerHTML;

answered Dec 2, 2020 at 19:03

VDWWD

35.7k23 gold badges67 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DaveB · Accepted Answer · 2020-12-02 18:58:19Z

You need to check for a child node and if present, get the value from it.

Something like this:

<script  type ="text/javascript" >
                function GetSelectedRow(UserLink) {
                    var row = UserLink.parentNode.parentNode;
                    var Userid;
                    if(row.cells[1].firstChild) {
                         Userid = row.cells[1].firstChild.innerHTML;
                    } else { 
                         Userid = row.cells[1].innerHTML;
                    }
                    alert(Userid);
                    return false;
                }

      </script>

I have not tested this code but it should give you the idea. Modify it as needed.

This code sample makes some assumptions which could break it so may need to be more robust.

Collectives™ on Stack Overflow

asp.net C# get selected row from gridview using javascript function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related