使用Jquery绑定自定义ListView - ASP NET

时间:2017-04-04 16:39:53

标签: jquery asp.net html5 listview webmethod

我有这个自定义ListView

<asp:ListView ID="lvCustomers" runat="server" DataKeyNames="customerID">
    <ItemTemplate>

        <div id="galeria" class="gallery w3-card-4 w3-animate-zoom">

            <div class="w3-container w3-center">
                <asp:Label CssClass="desc_cab" ID="lblCustomerName" Text='<%# Eval("customerName") %>' runat="server" />
            </div>

            <div class="w3-container w3-center">
                <asp:ImageButton CssClass="img" ID="imgCustomer" ImageUrl='<%# Eval("customerPicture") %>' runat="server" alt="Norway" OnClick="imgCustomer_Click"  />
            </div>
        </div>
    </ItemTemplate>
</asp:ListView>



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $.ajax({
            type: "POST",
            url: "Default.aspx/getCustomer",
            data: '{}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: OnSuccess,
            failure: function (response) {
                alert(response.d);
            },
            error: function (response) {
                alert(response.d);
            }
        });
    });

    function OnSuccess(response) {

      // How to written code here?

    }

}
</script>

我需要在后面的代码中创建一个web方法并使用jquery调用,但我如何将listView与jquery绑定?

1 个答案:

答案 0 :(得分:0)

我认为你不能按照我的知识做。因为这是由于静态和实例的不同。

如果你这样做仅用于页面回发,那么还有其他一些方法可以避免回发,但是如果你想通过Ajax绑定你的数据,那么你可以从WebMethod返回数据并在ajax成功时进行数据绑定。请查看这篇文章here