here's my ajax code-onsuccess....
function OnSuccess(response) {var xmlDoc = $.parseXML(response.d);var xml = $(xmlDoc);pageCount = parseInt(xml.find("PageCount").eq(0).find("PageCount").text());var customers = xml.find("Customers");var repeatColumns = parseInt("<%=dlproducts.RepeatColumns == 0 ? 1 : dlproducts.RepeatColumns %>");var rowCount = Math.ceil(customers.length / repeatColumns);var i = 0;while (i < repeatColumns * rowCount) {var row = $("[id*=dlproducts] tr").eq(0).clone(true);for (var j = 0; j < repeatColumns; j++) {var customer = $(customers[i]);if (customer.length == 0) {//alert('Bingo');$("table:last", row).remove();} else {$(".name", row).eq(j).html(customer.find("Name").text());$(".productId", row).eq(j).html(customer.find("ProductId").text());$(".description", row).eq(j).html(customer.find("Description").text());$(".imageUrl", row).eq(j).html(customer.find("ImageUrl").text());$(".image", row).eq(j).attr("src", 'Images/' + customer.find("ImageUrl").text());$(".price", row).eq(j).html(customer.find("Price").text());$(".quantity", row).eq(j).html(customer.find("Quantity").text());//$(".lbtnaddtocart", row).eq(j).text(customer.find("Name").text());//$(".lbtnaddtocart", row).eq(j).attr("CommandArgument", customer.find("ProductId").text());}i++;}$("[id*=dlproducts]").append(row);}//$("[id*=dlproducts] tr").eq(0).remove();$("[id*=dlproducts]").show();$("#loader").hide();}
this is my Datalist...
<asp:DataList ID="dlproducts" runat="server" RepeatColumns="4" RepeatDirection="Horizontal"Width="100%" Font-Bold="false" BackColor="AliceBlue" Font-Italic="false" Font-Overline="false"Font-Strikeout="false" CellPadding="0" CellSpacing="0"><ItemStyle Width="20%" BorderColor="Green" BorderWidth="5px" HorizontalAlign="Center"VerticalAlign="Middle" /><ItemTemplate><table cellpadding="0" cellspacing="0" border="0" style="width: 100%; height: 300px;border: 2px solid Blue; background-color: ; text-align: center"><tr><td><b><u><span class="name"><%# Eval("Name") %></span></u></b></td></tr><tr><td><b>Productid: </b><span class="productId" style="font-size: 20px; color: Red; font-weight: 500;"><%# Eval("Productid") %></span><br /><b>Description </b><span class="description"><%# Eval("Description") %></span><br /><b>ImageUrl: </b><span class="imageUrl"><%# Eval("ImageUrl")%></span><br /><img class="image" alt='' src="Images/<%# Eval("ImageUrl")%>" width="160px" height="320px" /><br /><b>Price: </b><span class="price"><%# Eval("Price")%></span><img alt="" src="star-icon.png" /><b>Quantity: </b><span class="quantity"><%# Eval("Quantity")%></span><br /> <%-- <asp:LinkButton ID="LinkButton40" CssClass="lbtnaddtocart" runat="server" CommandArgument='<%#Eval("ProductId")%>'OnClick="lbtnAddtocart_Click" BackColor="" ForeColor="" Width="120px" Font-Size="Larger">Add To Cart</asp:LinkButton>--%></td></tr></table></ItemTemplate></asp:DataList>