Foros del Web » Programando para Internet » ASPX (.net) »

[SOLUCIONADO] Como hacer un Scroll infinito

Estas en el tema de Como hacer un Scroll infinito en el foro de ASPX (.net) en Foros del Web. Estoy en las practicas de empresa i me piden hacer un scroll infinito en asp.net para listar una consulta de muchos datos La consulta la ...
  #1 (permalink)  
Antiguo 16/01/2013, 10:18
 
Fecha de Ingreso: enero-2013
Mensajes: 55
Antigüedad: 11 años, 10 meses
Puntos: 1
Como hacer un Scroll infinito

Estoy en las practicas de empresa i me piden hacer un scroll infinito en asp.net para listar una consulta de muchos datos

La consulta la realizo bien y la funcion que he echo en jquery es
Código:
function InfiniteScroll(res) {
        $('#divPostsLoader').html('<img src="Images/Icons/loader.gif">');
        datastring ='results='+res;
        //send a query to server side to present new content
        $('#divLoadData').load('qbanac.aspx');
        $.ajax({
            type: "POST",
            url: "qbalance.aspx/setDataTableBalanc",
            data: datastring,
            dataType: "text",
            success: function (data) {
                $('#divPostsLoader').after(data);
            },
            error: function (xhr, status, error) {
                alert('Error');
            }
        })
        
        $('#results').val(21);
    };

    $(window).scroll(function () {
        if ($(window).scrollTop() == $(document).height() - $(window).height()) {
            InfiniteScroll($('#results').val());
            $('#results').val(parseInt($('#results').val()) + 21);
        }
    });
El problema es que si pongo un alert en la funcion de succes no me sale i tampoco el de error.

Cuando pongo un document.write mesale pero al finalizar la funcion se desaparece creo que hace el postback i recarga la pagina no lo se estoy muy perdido con asp.net

Si algien tiene alguna idea de como hacer un scroll infinite con connexion a base de datos yo he segido este ejemplo
[URL="http://dotnet.dzone.com/articles/infinite-scrolling-aspnet"]http://dotnet.dzone.com/articles/infinite-scrolling-aspnet[/URL]
por si ha alguien le es util.

Gracias de antemano

Última edición por aculvi; 16/01/2013 a las 10:43
  #2 (permalink)  
Antiguo 18/02/2013, 08:46
 
Fecha de Ingreso: enero-2013
Mensajes: 55
Antigüedad: 11 años, 10 meses
Puntos: 1
Sonrisa Respuesta: Como hacer un Scroll infinito

Lo he echo con un servicio WCF con ajax i un webservice, una variable de session que guarda el resultado por el que voy para luego paginar con SQL, una variable de session donde guardo los parametros que marca el usuario para filtar y javascript

Javascript

Código:
    <script type="text/javascript">

        $(window).scroll(function () {
            if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                $("#load").html("<img src='Images/Icons/loader.gif' alt=''>").fadeOut(2000);
                loadData();
            }
        });

        function loadData() {
            
            var service = new qbalance.qbalanc();
            service.setDT(onSuccess,null,null);
        }

        function onSuccess(result) { $("#ContentPlaceHolder1_data").append(result);}

    </script>

Etiquetas: asp, infinito, scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:12.