Skip to main content

Posts

Showing posts with the label Computed observable in KnockoutJS CSS binding

Computed observable in KnockoutJS CSS binding

Here is the code-sample for view code < p data-bind =" text: ClientName , style: { marginLeft: SaveAsDraft ? ‘30px’: ‘0px’} "></ p > If SaveAsDraft is true then icon status images visible margin-left to 30px otherwise visible to 0px. Here is the code-sample for view model code var  viewModel = function (Status) {     var self = this ;     self.Status = Status;     self.ClientName = ko.observable( ‘Anil Singh’ );     self.SaveAsDraft = ko.observable( false );     self.SaveAsDraft = ko.computed( function () {         if (self.Status == ‘ Draft’ ) {             return self.SaveAsDraft( true );                }     }, self); }; ko.applyBindings( new  viewModel()); ...