javascript - Infinite data scroll in Yii2 -

-

i want make infinite scroll list in yii2

so far have done this, below jquery code

$(document).ready(function(){ var postparams ={user_id:'1',start:0,end:15}; $('#notificationlist').ready( function () {     $.ajax({         'url':'../../../frontend/web/app/notificationlist',         'type':'post',         'data': postparams,         success: function(data)         {             var notificationlist = data.notificationlist;             var notificationcount = data.notification;             if(notificationcount !== 0){                 $.each(notificationlist, function (index, value) {                     mood = notificationlist[index].mood_message;                     output = '<li id='+index+' value='+notificationcount+'>'+index +'</li>'+                     'first label'+                     'second label'+                     'third label'+                         'forth label'+                         'fifth label'+                         'six label';                     $("#notificationlist").append(output).promise().done();                 });             }         }     });   }); });  $(window).scroll(function(){ if ($(window).scrolltop() == $(document).height() - $(window).height()){     var start = parseint($('#notificationlist').children().last().attr('id'));     getresult(start);     } });  function getresult(start) { var postparams ={user_id:'1',start:start,end:7}; $.ajax({     'url':'../../../frontend/web/app/notificationlist',     'type':'post',     'data': postparams,     beforesend: function(){         $('#loader-icon').show();     },     complete: function(){         $('#loader-icon').hide();     },     success: function(data){          var notificationlist = data.notificationlist;         var notificationcount = data.notification;         if(notificationcount !== 0){             $.each(notificationlist, function (index, value) {                 mood = notificationlist[index].mood_message;                 output = '<li id='+index+' value='+notificationcount+'>'+index +'</li>'+                     'first label'+                     'second label'+                     'third label'+                     'forth label'+                     'fifth label'+                     'six label';                 $("#notificationlist").append(output).promise().done();             });         }     },     error: function(){}    }); }

now problem don't know how control start , end in action , in jquery.

how can starting data , ending data on scroll, initial page can pass start point , end point, how check whether it's last record on page , send start , end point action?

just remember loaded items , use "new" start.

var alreadyloadeditems = 0; $('#notificationlist').ready( function () {     $.ajax({         'url':'../../../frontend/web/app/notificationlist',         'type':'post',         'data': {user_id:'1',start:alreadyloadeditems},         success: function(data)         {             var notificationlist = data.notificationlist;             alreadyloadeditems += data.notificationcount; // maybe 15 oder else             ...

Comments

Post a Comment

Popular posts from this blog

javascript - Chart.js (Radar Chart) different scaleLineColor for each scaleLine -

-
Image
i try , create radar chart using chart.js has various colours each scaleline, or coloured between scalelines. wondering if possible? from: to: i have working graph, though there doesn't seem method change individual scale lines. kind regards leigh you can extend radar chart type this, so chart.types.radar.extend({ name: "radaralt", initialize: function (data) { chart.types.radar.prototype.initialize.apply(this, arguments); var originalscaledraw = this.scale.draw; var ctx = this.chart.ctx; this.scale.draw = function () { var linewidth = this.linewidth; // bypasses line drawing in originalscaledraw this.linewidth = linewidth; originalscaledraw.apply(this, arguments); ctx.linewidth = this.linewidth; var scale = this; // draw chart.helpers.each(scale.ylabels, function (label, index) { // color of ...
Read more

apache - Error with PHP mail(): Multiple or malformed newlines found in additional_header -

-
suddenly have started receiving above error without changes having been made script. host 1and1 (i know...) the script still works fine on different server, , suspicion there must have been server config change has lead this, although hosts plead ignorance. there's no information on above error @ in google can find - have ideas? server running apache if helps. had similar problem. came out of blue. no php code changed. what changed: php upgraded 5.5.25-1 5.5.26. a security risk in php mail() function has been fixed , newlines in additional_headers allowed no more. because newlines mean: starts email message (and surely don't want inject newlines through headers followed evil message). what have worked fine, e.g. having newlines after headers or passing whole message additional_headers , function no more. solution : sanitize headers. no multiple newlines in additional_headers argument. these count "multiple or malformed newlines":...
Read more

android - Go back to previous fragment -

-
btw second fragment. appear once press button in first fragment. in fragment, if press button on phone, go previous fragment. need guys. in advance. public class listalldoctorfragment extends fragment { button close; @nullable @override public view oncreateview(layoutinflater inflater, viewgroup container, bundle savedinstancestate) { view view = inflater.inflate(r.layout.listalldoctor, container,false); close = (button) view.findviewbyid(r.id.button); close.setonclicklistener(new view.onclicklistener() { @override public void onclick(view view) { android.app.fragmentmanager fm = getfragmentmanager(); fragmenttransaction ft = fm.begintransaction(); shit f2 = new shit(); ft.add(r.id.content_frame, f2); ft.addtobackstack(null); ft.commit(); } }); return view; } } assuming want g...
Read more