Using jquery with EditItemTemplate of Datalist control

Question

Is it possible to access controls inside EditItemTemplate of Datalist control using jquery. I have difficult time doing it, because "Edit" row is not rendered in html.

The only alternative I thanked of is not using DataList EditItemTemplate, but rather go only with jquery to hide and show rows and use ajax to update the contents of a row.

But, I would still want to hear option for EditItemTemplate and jquery.

Thanks

ahaliav fox · Accepted Answer · 2012-05-07T12:51:04.553

3

the html is rendered but only when you click on [Edit] see this post it shoud help you http://forums.asp.net/t/1668230.aspx/1

try this: javascript:

<script type="text/javascript">
    $(document).ready(function () {         
        showID();
    });

    function showID() {         
        if ($("[id*=QtyTextBox]").length)
            alert($("[id*=QtyTextBox]").attr("id"));
    }
</script>

EditItemTemplate:

<EditItemTemplate>              
            Quantity:
            <asp:TextBox ID="QtyTextBox" Text='<%# DataBinder.Eval(Container.DataItem, "Qty") %>'
                runat="server" />
            <br />              
            <asp:LinkButton ID="UpdateButton" Text="Update" CommandName="Update"
                runat="server" />               
        </EditItemTemplate>

edited May 07 '12 at 12:51

answered May 07 '12 at 10:23

ahaliav fox

2,217
22
21

I followed your solution, but there is a problem. Please see my code below. – mko May 07 '12 at 12:14
– mko May 07 '12 at 12:41
Funny thing is getting a value is not a problem. I get value for $(this).val(), but I am not able to get the ID of the control. I tried everything... – mko May 07 '12 at 12:48
Yes, I didn't think of getting the id with attrib. Thanks for the idea. – mko May 07 '12 at 12:56

score 0 · Answer 2 · answered May 07 '12 at 12:17

I followed your solution, but there is a problem. Now I am able to trigger an event, but the following code returns id as "undefined", despite the fact that it is declared inside datalist.

function bindPicker() {
            $("input[type=text][id*=txtStartDate]").click(
            function()
            {
                alert($(this).id);
            });
        }

I am not sure how to reference controls that triggered an event.

Using jquery with EditItemTemplate of Datalist control

2 Answers2