jQuery is not finding Asp.net repeater alternating item

ife labolz

I have a repeater on my webforms page, with a list bounded to it. while binding the list, I also attach a data-id attribute to the tr. The problem is I need to use that id in a web service call from jQuery, I am testing whether I can get the id by logging the data-id attribute value when I click on a button from the repeater item, but from the looks of things, it only logs the Item and not the Alternating item.

Button one, three and five gets log every time I click them but when I click on button two and button four, nothing gets logged in the console. See code below.

Repeater Template

    <asp:Repeater runat="server" ID="rptList" OnItemDataBound="rptList_OnItemDataBound">
        <HeaderTemplate>
            <table>
        </HeaderTemplate>
        <ItemTemplate>
            <tr runat="server" id="trList">
                <td runat="server" id="tdList"></td>
                <td runat="server" id="tdBtnRemove">
                    <asp:Button runat="server" ID="btnRemove" CssClass="btnRemove" Text="Remove" OnClientClick="return false;"/></td>
            </tr>
        </ItemTemplate>
        <AlternatingItemTemplate>
            <tr runat="server" id="trList">
                <td runat="server" id="tdList"></td>
                <td runat="server" id="tdBtnRemove">
                    <asp:Button runat="server" ID="btnRemove" Text="Remove" OnClientClick="return false;"/></td>
            </tr>
        </AlternatingItemTemplate>
        <FooterTemplate>
            </table>
        </FooterTemplate>
    </asp:Repeater>

List item

List<string> listObj = new List<string>(){"one", "two", "three", "four", "five"}; 


    protected void rptList_OnItemDataBound(object sender, RepeaterItemEventArgs e)
    {
        string listItem = (string) e.Item.DataItem;
        if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
        {
            HtmlTableRow trList = (HtmlTableRow)e.Item.FindControl("trList");
            trList.Attributes.Add("data-id", listItem);

            HtmlTableCell tdList = (HtmlTableCell)e.Item.FindControl("tdList");
            tdList.InnerHtml = listItem;
        }
    }

jQuery button click method:

$(".btnRemove").click(function () {
    var dataAttributVal = $(this).closest("tr");
    var datA = dataAttributVal.data('id');
    console.log(datA);
});

Console result:

I click on all 5 buttons but i only get 1, 3, and 5 logged in the console

jbl

As stated in the comments, your AlternatingItemTemplate misses the CssClass="btnRemove" attribute.

For this reason your $(".btnRemove").click(... binding does not target the buttons in your AlternatingItemTemplate

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

ASP.NET: Table with Repeater control and alternating data in same for

From Dev

repeater item command in asp.net

From Dev

ASP.NET Converting repeater item to the textbox

From Dev

Delete an item from an asp:Repeater using jQuery

From Dev

Asp.Net What is alternating item template in listview

From Dev

ASP.NET Repeater Item add divider after each row

From Dev

NavigateUrl on Repeater ASP.net

From Dev

NavigateUrl on Repeater ASP.net

From Dev

Is there an ASP.NET databindable control (like Repeater), which only expects a single item?

From Dev

Hiding the first item of an ASP.NET Repeater causes error: not a valid identifier

From Dev

ASP.NET repeater only renders the first item in my XML data source

From Dev

Is there an ASP.NET databindable control (like Repeater), which only expects a single item?

From Dev

Finding item of array base on the ng-repeater index in Angular

From Dev

ASP.NET Repeater - Eval() for bool?

From Dev

Convert Bootstrap Carousel to ASP.Net Repeater

From Dev

ASP .NET Using a Repeater inside of UpdatePanel with UpdateProgress

From Dev

asp.net repeater for each row

From Dev

to disable a label of repeater on some condition in asp .net

From Dev

Using Bootstrap tabs with ASP NET repeater

From Dev

asp.net repeater use template in javascript

From Dev

To bind images in repeater using asp.net

From Dev

asp.net repeater merge columns dynamically

From Dev

Fix header row in repeater in ASP.NET

From Dev

Repeater asp.net tag not working

From Dev

asp.net repeater merge columns dynamically

From Dev

Convert Bootstrap Carousel to ASP.Net Repeater

From Dev

Conditional statement for Repeater Controll in ASP.NET

From Dev

Fix header row in repeater in ASP.NET

From Dev

trying Image Button in repeater Asp.net

Related Related

  1. 1

    ASP.NET: Table with Repeater control and alternating data in same for

  2. 2

    repeater item command in asp.net

  3. 3

    ASP.NET Converting repeater item to the textbox

  4. 4

    Delete an item from an asp:Repeater using jQuery

  5. 5

    Asp.Net What is alternating item template in listview

  6. 6

    ASP.NET Repeater Item add divider after each row

  7. 7

    NavigateUrl on Repeater ASP.net

  8. 8

    NavigateUrl on Repeater ASP.net

  9. 9

    Is there an ASP.NET databindable control (like Repeater), which only expects a single item?

  10. 10

    Hiding the first item of an ASP.NET Repeater causes error: not a valid identifier

  11. 11

    ASP.NET repeater only renders the first item in my XML data source

  12. 12

    Is there an ASP.NET databindable control (like Repeater), which only expects a single item?

  13. 13

    Finding item of array base on the ng-repeater index in Angular

  14. 14

    ASP.NET Repeater - Eval() for bool?

  15. 15

    Convert Bootstrap Carousel to ASP.Net Repeater

  16. 16

    ASP .NET Using a Repeater inside of UpdatePanel with UpdateProgress

  17. 17

    asp.net repeater for each row

  18. 18

    to disable a label of repeater on some condition in asp .net

  19. 19

    Using Bootstrap tabs with ASP NET repeater

  20. 20

    asp.net repeater use template in javascript

  21. 21

    To bind images in repeater using asp.net

  22. 22

    asp.net repeater merge columns dynamically

  23. 23

    Fix header row in repeater in ASP.NET

  24. 24

    Repeater asp.net tag not working

  25. 25

    asp.net repeater merge columns dynamically

  26. 26

    Convert Bootstrap Carousel to ASP.Net Repeater

  27. 27

    Conditional statement for Repeater Controll in ASP.NET

  28. 28

    Fix header row in repeater in ASP.NET

  29. 29

    trying Image Button in repeater Asp.net

HotTag

Archive