javascript - Backbone.js - Solving method -


backbone , jquery

i have piece of code:

    var chatmessage = backbone.view.extend({     el : '#friend-list',     events : {},     initialize : function() {},     loadmessage  : function(parent_id) {         //ukrycie komunikatów etc.         $("#chat_body").html('');         $("#end-record-info").hide();         $("#end-record-load").hide();         page = 1;         this.ajax(parent_id,page); //initial data load     },      ajax : function(parent_id,page) {         $.getjson( "/**/**/"+parent_id+"/"+page, function( json ) {             $("#end-record-load").hide();             this.build(json.message, page);             page ++; //page increment             loading = false;  //set loading flag off             end_record = false;             if(json.max < page){ //no more records                 end_record = true; //set end record flag on                 return; //exit             }         });     },      build : function(arr, page) {         alert('dgd');         html = '';         var height = 0;         arr.reverse();         $.each(arr, function(i, data){             html += '<div class="answer '+data.side+'">';             html += '<div class="avatar">';             html += '<a href="**" target="_blank">';             html += ''+data.id+'';             html += '</a>';             html += '<div class="status offline"></div>';             html += '</div>';             html += '<div class="name">';             html += '<a href="**" target="_blank">';             html += data.username;             html += '</a>';             html += '</div>';             html += '<div class="text">';             html += data.content;             html += '</div>';             html += '<div class="time">';              if (data.side != 'left') {                 html += data.datesendmessage             }             else {                 if (data.read == 0) {                     html += 'xxx';                 }                 else {                     html += 'xxx';                 }             }             html += '</div>';             html += '</div>';         });          var nh = $('#chat_body').html();         $('#chat_body').html(html+nh);          if (page == 1) {             $('#chat_body .answer').each(function(i, value){                 height += parseint($(this).height());             });              height += '';             $('.chat2').scrolltop(height);         }     } });

in ajax method want build method

  this.build(json.message, page);

but not work , error.

pm2.js:67typeerror: this.build not function. (in 'this.build(json.message, page)', 'this.build' undefined)

can help? changes in piece of code can way?

piotr

you should save current context before calling getjson:

 ajax : function(parent_id,page) {     var self = this;     $.getjson( "/**/**/"+parent_id+"/"+page, function( json ) {         ...         self.build(json.message, page);

Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj
Read more

performance - Why is XCHG reg, reg a 3 micro-op instruction on modern Intel architectures? -

i'm doing micro-optimization on performance critical part of code , came across sequence of instructions (in at&t syntax): add %rax, %rbx mov %rdx, %rax mov %rbx, %rdx i thought had use case xchg allow me shave instruction , write: add %rbx, %rax xchg %rax, %rdx however, dimay found agner fog's instruction tables , xchg 3 micro-op instruction 2 cycle latency on sandy bridge, ivy bridge, broadwell, haswell , skylake. 3 whole micro-ops , 2 cycles of latency! 3 micro-ops throws off 4-1-1-1 cadence , 2 cycle latency makes worse original in best case since last 2 instructions in original might execute in parallel. now... cpu might breaking instruction micro-ops equivalent to: mov %rax, %tmp mov %rdx, %rax mov %tmp, %rdx where tmp anonymous internal register , suppose last 2 micro-ops run in parallel latency 2 cycles. given register renaming occurs on these micro-architectures, though, doesn't make sense me done way. why wouldn't register renamer
Read more

jquery - Responsive Navbar with Sub Navbar -

good day, forgive me nav vocabulary not best. if question confusing apologize. i'm working on navigation bar needs centered on page @ 768px , above. items in nav open (or perhaps toggle) subnav lives directly below. these nav should appear centered on page. i have been able work through responsive portion of nav bar, having main items align vertically , sub nav menu of each item roll out below, , gave them indent separation. working well. however, issue not responsive side, behavior @ width greater 768px. happens toggling menu's sub navigation pushes other main items down page below sub nav. here's code: $(document).ready(function () { //stick in fixed 100% height behind navbar don't wrap $('#slide-nav.navbar-inverse').after($('<div class="inverse" id="navbar-height-col"></div>')); $('#slide-nav.navbar-default').after($('<div id="navbar-height-col"></d
Read more