sure
i try
i use that method to have infinity scroll with a function ajax
<script type="text/javascript">
$(document).ready(function () {
var Skip = 9;
var Take = 9;
function Load(Skip, Take) {
$('#divPostsLoader').html('<img src="Images/loading.gif">');
$.ajax({
type: "POST",
url: "InfinityScroll_Uno.aspx/LoadProduct",
data: "{ Skip:" + Skip + ", Take:" + Take + " }",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
if (data != "") {
$('.articoli').append(data.d);
}
$('#divPostsLoader').empty();
},
error: function () {
alert('error');
}
})
};
$(window).scroll(function () {
if ($(window).scrollTop() == ($(document).height() - $(window).height())) {
Load(Skip, Take);
Skip = Skip + 9;
}
});
});
</script>
<h1 style="height:900px;">Prova Infinity Scroll 1...</h1>
<div class="articoli" >
<asp:Repeater ID="Repeater2" runat="server"
ItemType="Products" SelectMethod="SelectProduct">
<ItemTemplate>
<div class="col-md-4">
<%# Eval("ProductID")%>
<%# Eval("ProductName")%>
<%# Eval("UnitPrice")%>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
<div style="margin-left: auto; margin-right: auto; width: 120px;" id="divPostsLoader">
</div>
The problem is in when i click on image the routemap
open in browser the string below...
GetProduct.AppendFormat(string.Format("<a href='<%#: GetRouteUrl(\"ProductByCodePromo\", new {ProductCodePromo = Item.{0} }) %>'>", Codart));)
not domain\Articolo\ProductCode
as i expect from
void RegisterCustomRoutes(RouteCollection routes)
{
routes.MapPageRoute(
"ProductByCode",
"Articolo/{ProductCode}",
"~/DetailsPage.aspx"
);
}
In other words i would implement details page in that infinity scroll
thanks for reply
