asp.netのjavascriptとjqueryを使用してクライアント側のデータリストをバインドする方法

Question

JavaScriptとJqueryを使用してクライアント側でDatalitをバインドする方法ajaxが成功した場合はWebserviceを使用しています。Datalistをバインドしたい。

function succes(response) { 
    var value = $.parseXML(response.d); 
    var xvalue = $(value); 
    debugger; 
    var products = xvalue.find("tblProddetails"); 
    var repeatColumns = parseInt("<%=dlViewProd.RepeatColumns == 0 ? 1 : dlViewProd.RepeatColumns %>"); 
    var rowCount = Math.ceil(products.length/repeatColumns); 
    var i = 0; 
    while (i < repeatColumns * rowCount) { 
     var table = $("[id*=dlViewProd] tr").eq(0).clone(true); 
     for (var j = 0; j < repeatColumns; j++) { 
      var prod = $(products[i]); 
      if (prod.length == 0) { 
       $("table:last", table).remove(); 
      } 
      else { 
       $("#img1", table).html($(this).find("ProductImage").text()); 
       $("#lblPrice", table).html($(this).find("ProductPrice").text()); 
       $("#lnkID", table).html($(this).find("ProductName").text()); 
       $("#dlViewProd").append(table).append("<br/>"); 
       table = $("#dlViewProd").eq(0).clone(true); 
      } 
      i++; 
     } 
     $("[id*=dlViewProd]").append(table); 
    } 
    $("[id*=dlViewProd] tr").eq(0).remove(); 
    $("[id*=dlViewProd]").show(); 

} 

Answer 1

このあなたがそれを使用することをお勧め、例では、デモ

https://github.com/BorisMoore/jquery-tmpl