knockout.js - Remove the value Binding based on the model -



knockout.js - Remove the value Binding based on the model -

i have model property @ times should bind input element , select element, based on configuration. utilize value binding on both elements , hide either 1 using visible binding.

as both bindings on page, when input visible , when come in text not exists in hidden select, unable alter value. in case input element visible (isdropdown false) not want select bound (or there other improve way handle this?).

sample javascript model

var player = function (name, age, country, isdropdown) { this.name = ko.observable(name); this.age = ko.observable(age); this.country = ko.observable(country); this.isdropdown = ko.observable(isdropdown); }; var playermodel = function () { var self = this; self.myplayer = new player('murray', 28, 'uk', false); //self.myplayer = new player('murray', 28, 'uk', true); self.countrylist = ['us', 'uk', 'swiss']; } var model = new playermodel(); ko.applybindings(model);

html code

name: <input type="text" data-bind="value: myplayer.name" /> <br/>age: <input type="text" data-bind="value: myplayer.age" /> <br/>country: <input type="text" data-bind="value: myplayer.country, visible: !(myplayer.isdropdown())" /> <select data-bind="options: $root.countrylist, value:myplayer.country, optionscaption:'choose..', visible: myplayer.isdropdown()"></select> <br/> (there dropdown / input hidden, please swap commented lines in javascript model enable )

respective js fiddle here

use virtual if bindings instead. prevents databound select element beingness in dom , bound when isdropdown false.

<!-- ko ifnot: myplayer.isdropdown --> <input type="text" data-bind="value: myplayer.country" /> <!-- /ko --> <!-- ko if: myplayer.isdropdown --> <select data-bind="options: $root.countrylist, value:myplayer.country, optionscaption:'choose..'"> </select> <!-- /ko -->

jsfiddle

knockout.js

Comments

Post a Comment

Popular posts from this blog

ruby on rails - Devise Logout Error in RoR -

ruby on rails - Devise Logout Error in RoR - while using devise in ror, encountering unusual error when trying log out url different root url. displays me : actioncontroller::invalidauthenticitytoken in devise::sessionscontroller#destroy" for illustration if rooting path after log in '/structure', , seek log out '/general' error, while logging out '/structure' fine. any help highly appreciated. ruby-on-rails ruby devise
Read more

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory -

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory - i have code emails me notification when happens. trying add together page , also remove dependency on email. for reference; have name of notification want send stored string in database. @ runtime have list of people , string representation of want receive. i thought dependency injection ninject, kernel bindings got big , seemed hacking together. then thought simple factory, activator.createinstance(email/page) inotifcation, don't know how handle differing constructor parameters (unless utilize common, complex property, employee, has info need). so far have this: public interface inotification { void sendmessage(); } public class email: inotification { private readonly string _toemailaddress; private string body { { homecoming "email"; } } private static string smtphost { ...
Read more

model view controller - MVC Rails Planning -

model view controller - MVC Rails Planning - i'm starting rails , i'm building app stores films info, user can watch film , give grade on web application. i have coded cinema model, controller , views. now, have 2 questions: should need create model , controller grading? in case, should create or should wait , create first users model , controller? yes, on model , controller grades. that'd feasible way maintain track of who's graded what. it's create first, i'd start users, since grades depend on both films , users. ruby-on-rails model-view-controller
Read more