javascript - Updating values from select list with Knockout.js -


i trying modify lists , collections tutorial found on knockout.js website allowing editable price rather fixed value.

right lists , data populate correctly when page loads. however, if select new value list price , id not change row. total surcharge changes, row doesn't. also, if change price manually given row, total surcharge doesn't change.

i tried setting individual values observables such shown below, price , id values still don't update when new list item selected, total surcharge

function rowreservation(initialrow) {     var self = this;      self.row = ko.observable(initialrow);     self.rowid = ko.observable(self.row().rowid);     self.price = ko.observable(self.row().price); }

so 2 issues can't seem figure out

  1. when new item selected in list, corresponding price , id not change

  2. if price manually changed, total surcharge doesn't update

edit - number 1 of list has been fixed, , 2 partially has.

if change price in 1 of text boxes either row, total surcharge update if row added or other row's name has been changed. basically, it's not immediate change, it's computed when new value introduced. how can make updates automatically? there way subscribe price textboxes?**

here updated fiddle

the thing need modify in code part in line 17 of html 

<input data-bind="value: price" />

into 

<input data-bind="value: $data.row().price"/>

when bind 'price' initially, binding price attribute of rowreservation object. when 'row' value changed, value of 'price' attribute not updated. therefore still shows original price.

i changed binding showing price attribute of 'row'. when 'row' changed selecting different item in combobox, price updated price of newly selected row.

basically have

// rowreservationobject  {'row':      {'rowname': 'standard',      'rowid': 1,      'price': 19.99 },   // --> i'm binding against 'rowid': 1  'price': 19.99}  // -- binding against before

if change variable names bit might become clearer you. hope i'm making sense.


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more