Question

是否可以使用jquery访问Datalist控件的EditItemTemplate内的控件。我很难做到这一点，因为“编辑”行没有在html中呈现。

我唯一感谢的选择是不使用DataList EditItemTemplate，而是只使用jquery来隐藏和显示行并使用ajax来更新行的内容。

但是，我仍然希望听到EditItemTemplate和jquery的选项。

由于

Answer 1

html 呈现，但仅在您点击[编辑]时看到这篇文章它会帮助你http://forums.asp.net/t/1668230.aspx/1

试试这个：的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>

Answer 2

我按照你的解决方案，但有一个问题。现在我能够触发一个事件，但是下面的代码将id返回为“undefined”，尽管它是在datalist中声明的。

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

我不确定如何引用触发事件的控件。

将jquery与Datalist控件的EditItemTemplate一起使用

2 个答案: