簡體   English   中英

如何在asp.net中使用javascript和jquery在客戶端綁定數據列表

[英]How to Bind datalist in clientside using javascript and jquery in asp.net

如何使用javascript和jquery在客戶端綁定Datalsit。我正在使用Webservice,如果ajax成功,我想綁定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();

}

這建議您使用它,演示中有一個示例

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM