jquery - Removing bindings in Knockout js -


i using kogrid in jquery mobile. when user click on row, go detail page. in page user can update data , save it.blow implementation 

var progressgrid = function(){     var self = this;     self.ticketlist = ko.observablearray(servicet.filtertsfromstatus('progress'));     columndefs: [             {                 field: 'ticketnumber',                 displayname: 'ticket',                 celltemplate: "<button data-bind=\"click: function() {getrowdetails($parent.entity)}\"><span data-bind=\"text:$parent.entity['ticketnumber']\"></span></button>",                 width: '*',                 minwidth: "200px"             }     self.getrowdetails = function(row){       var rtjs = servicet.getticketbyid(row.id);       servicet.gototicketdetails(rtjs,false);     }, }

ticket object

function runticket(jsrunticket) {     ko.validatedobservable(ko.mapping.fromjs(jsrunticket, validationmapping, self));      this.save = function (action) {     } }

service method

 gotorunticketdetails: function(ticketjs,readonly){     ko.cleannode(document.getelementbyid('runticketdetailspage'));     var rt = new ticket(ticketjs);     ko.applybindings(rt, document.getelementbyid("ticketdetailspage"));     $.mobile.changepage($('#ticketdetailspage')) ; }

when click row button in grid, go "ticketdetailspage" , update values , save server well.to first saving part functionality working fine, if go again grid load ticket , save "save message appear twice"

if save 5 tickets "save" message appear 5 times. think there old tickets event not updating dom, me solve issue,i have been trying solve 2 days, still couldn't find proper solution,

thank in advance

ko.cleannode meant make sure memory freed when bindings no longer needed. bindings, though, don't remove event handlers because it's not necessary free memory. should not use ko.cleannode try re-apply bindings.

knockout supports 2 methods of changing view model that's bound dom section. first through templates , second through observable view models.

template method

this method binds new set of dom elements (copied template). there various methods of defining , rendering template; 1 use knockout's ko.rendertemplate method. first, make sure you've defined template in html using <script type="text/html" id="ticketdetailspagetemplate">. you'll use template this:

gotorunticketdetails: function (ticketjs, readonly) {     var rt = new ticket(ticketjs);     ko.rendertemplate("ticketdetailspagetemplate", rt, {}, document.getelementbyid("ticketdetailspage"));     $.mobile.changepage($('#ticketdetailspage')) ; }

observable view model method

this method works existing code in dom elements retained , re-bound new view model. instead creating new event handlers, method updates event handlers new view model. here's 1 way it:

gotorunticketdetails: function (ticketjs, readonly) {     var elementtobind = document.getelementbyid('runticketdetailspage');     var existingcontext = ko.contextfor(elementtobind);     var rt = new ticket(ticketjs);     if (existingcontext && ko.isobservable(existingcontext.$rawdata)) {         existingcontext.$rawdata(rt);   // update observable new view model     } else {         ko.applybindings(ko.observable(rt), elementtobind);   // initialize observable view model     }     $.mobile.changepage($('#ticketdetailspage')) ; }

Comments

Post a Comment

Popular posts from this blog

Android layout hidden on keyboard show -

i have strange problem layout. when tap on edittext , keyboard shown edittext stay on bottom , when tap on to hide keyboard , keyboard hides , edittext go should when want input text. when tap again, keyboard shown , edittext goes down behind keyboard... <relativelayout android:layout_width="match_parent" android:layout_height="match_parent" > <scrollview android:layout_width="match_parent" android:layout_height="fill_parent" android:above="@+id/rl_commands"> <textview android:layout_width="match_parent" android:layout_height="wrap_content"/> </scrollview> <relativelayout android:layout_width="match_parent android:layout_height="24dp" android:id="@+id/rl_commands" android:alignparentbottom="true">
Read more

google app engine - 403 Forbidden POST - Flask WTForms -

i have flask application running on google app engine. trying submit form built using wtform , keep getting following error. 403 forbidden: don't have permission access requested resource. either read-protected or not readable server. location.html (part of code) <form method=post action="/home/location"> .... <button type="submit" class="btn btn-primary" value="submit"> directions </button> </form> main.py @app.route('/home/location', methods=['post', 'get']) def location(): form = cfcdirections.direction(request.form) print(request.method) if request.method == 'post' , form.validate(): print("after if") directions = cfcdirections() street_no = directions.no street = directions.street suburb = directions.suburb postcode = directions.postcode
Read more

c - Why would PK11_GenerateRandom() return an error -8023? -

i looking through internet trying find source of pk11_generaterandom() function see why function fail. have program uses function when moved new flavor of linux, fails after forking ( fork() ) since not believe there problem nss, suspect doing incorrectly disregarded in older versions of linux new 1 there issue. the openssl package same on 'good' , 'bad' server: openssl 0.9.8e-fips-rhel5 01 jul nss rpm differs though. 'good' has nss-3.12.2.0-2.el5 and bas has version nss-3.15.3-4.el5_10 the 'good' server uses quite obsolete linux: linux 2.6.18-128.el5 #1 smp wed jan 21 08:45:05 est 2009 x86_64 x86_64 x86_64 gnu/linux enterprise linux enterprise linux server release 5.3 (carthage) red hat enterprise linux server release 5.3 (tikanga) the 'bad' server newer: linux bad 2.6.18-371.4.1.el5 #1 smp wed jan 29 11:05:49 pst 2014 x86_64 x86_64 x86_64 gnu/linux oracle linux server release 5.10 red hat enterprise linux server release
Read more