如何知道控件属于gridview中的哪一行 [英] How to know which row does a control belonged to in gridview

问题描述

我在GridView中有一个Image和Label控件，其中Label控件将在单击时显示Image控件的数量。我使用jQuery进行计数并能够显示它，但问题是，当单击Image控件时，GridView的每一行中的所有Label都显示相同的值。我希望每行显示不同的整数，具体取决于点击图像的次数，指的是它属于哪一行。



我尝试了什么：



Default.aspx

I have an Image and Label control inside a GridView where the Label control will display the count of Image control when clicked. I do the count using jQuery and able to display it but the problem is, all Label in every rows of GridView are displaying the same value when Image control clicked. I want each of row display different integer based on how many times an Image clicked refer to which row does it belonged to.

What I have tried:

Default.aspx

<asp:GridView ID="ImgGridView" runat="server" width="100%" AutoGenerateColumns="false" CellPadding="10" OnRowCommand="ImgGridView_RowCommand1">
	<Columns>
        <asp:TemplateField HeaderText="Image" ItemStyle-Width="200px">
            <ItemTemplate>
				<div class="changeImg">
                    <div class="dropdown">
                        <asp:Image ID="imgFavBefore" runat="server" CssClass="voteStyle" ImageUrl="~/Img Content/love.png" Style="height: 20px; width: 20px;" />
                        <div class="changeImg-content">
                            <asp:Image ID="imgFavAfter" runat="server" CssClass="voteStyleAfter" ImageUrl="~/Img Content/loveafter.png" Style="height: 20px; width: 20px;"

                                CommandName="btnFavAfter" /><br /><br />
                        </div>
						<div class="dropdown-content">
							<p>Click to Vote.</p>
						</div>
                    </div>
                </div><br />
                <div class="dropdownImg">
                    <asp:Image ID="img" runat="server" ImageUrl='<%# "ImageHandler.ashx?imgID=" + Eval("ImgID")%>' Style="max-width: 200px; height: auto; width: auto;" />
                    <div class="dropdownImg-content">
                        <asp:Image ID="Image1" runat="server" ImageUrl='<%# "ImageHandler.ashx?imgID=" + Eval("ImgID")%>' Style="height: 500px; width: auto;" />
                    </div>
                </div>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField HeaderText="Uploader Name" DataField="UserName" ItemStyle-Width="200px" />
        <asp:BoundField HeaderText="Description" DataField="ImgName" />
        <asp:TemplateField HeaderText="Vote" ItemStyle-Width="100px">
            <ItemTemplate>
                <asp:Label runat="server" CssClass="lblVoteStyle" ID="lblVote" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

客户端计算图片点击的次数。

Client Side to count how many times Image clicked.

<script type="text/javascript">
    $(function () {
        var count = 0;
        $(".voteStyleAfter").click(function () {
            count++;
            $(".lblVoteStyle").html(count);
            return false;
        });
    });
</script>

推荐答案

（ function （ ）{
var count = 0 ;

(function () { var count = 0;

（ 。voteStyleAfter）。click（ function （）{
count ++;

(".voteStyleAfter").click(function () { count++;

（ 。lblVoteStyle ）。html（count）;
return false ;
}）;
}）;
< / script>

(".lblVoteStyle").html(count); return false; }); }); </script>

这篇关于如何知道控件属于gridview中的哪一行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！