javascript - backbone - event not fired on selected element changed -

-

i'm generating drop down list backbone.view.
after attaching dom, change event not fired. delegateevents doesn't fixes it. can show me blind spot is?

model , collection:

app.models.dictionaryitem = backbone.model.extend({         default: {             key: '',             value: '', id: 0         }     });      app.collections.dictionary = backbone.collection.extend({         model: app.models.dictionaryitem,         initialize: function (models, options) {          },         parse: function (data) {             _.each(data, function (item) {              //   if(item){                 var m = new app.models.dictionaryitem({ key: item.code, value: item.name });                 this.add(m);            // }             }, this);         }     });

views:

app.views.itemview = backbone.view.extend({         tagname: 'option',         attributes: function () {             return {                 value: this.model.get('key')             }         },         initialize: function () {             this.template = _.template(this.model.get('value'));         },         render: function () {             this.$el.html(this.template());             return this;         }     });      app.views.collectionview = backbone.view.extend({         tagname: 'select',         attributes: {             'class': 'rangeslist'         },         events: {             'change .rangeslist': 'onrangechanged'         },         initialize: function (coll) {             this.collection = coll;         },         render: function () {             _.each(this.collection.models, function (item) {                 this.$el.append(new app.views.itemview({ model: item }).render().el);             }, this);            // this.delegateevents(this.events);             return this;         },         selected: function () {             return this.$el.val();         },         onrangechanged: function () {             alert('changed');         }     });

rendering:

var coll = new app.collections.dictionary(somedata, { parse: true }); var v= new app.views.collectionview(coll); var vv=v.render().el;  //   new app.views.collectionview(coll).render().el; $('body').append(vv)

the tagname , attributes on collectionview:

tagname: 'select', attributes: {     'class': 'rangeslist' },

say el <select class="rangeslist">. events:

events: {     'change .rangeslist': 'onrangechanged' },

are listening 'change' events .rangeslist inside view's el. fine manual:

events written in format {"event selector": "callback"}. [...] omitting selector causes event bound view's root element (this.el).

so you're trying listen events doesn't exist. if want listen events directly view's el leave out selector:

events: {     'change': 'onrangechanged' }

Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati...
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc...
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc...
Read more