2017-04-04 13 views
0

私はこのカスタムListViewバインドカスタムリストビュー - ASP NET

<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を使って呼び出す必要があるが、私はjQueryを使ってリストビューを結合しますか?

+1

通常のUpdatePanelではなくJquery AJAXを使用している特別な理由はありますか? –

答えて

0

私の知る限りではできないと思います。これは静的とインスタンスの違いによるものです。

これをページポストバックにのみ行う場合は、ポストバックを回避するいくつかの方法がありますが、Ajax経由でデータをバインドする場合は、WebMethodからデータを返し、データバインドをajaxで行います成功。このポストを見てくださいhere