bind the model with backbone variable about backbone.stickit HOT 3 OPEN

You would rather control this in your View.
Something like:

bindings: {
    '#uRepeateverybyweek': {
        observe: 'uRepeateverybyweek',
        onGet: function(val) {
            var displayMode = val ? 'inline-block' : 'none';

            this.$('#uRepeateverybyweek').css('display', displayMode);
        }
    }
}

from backbone.stickit.

Hi David,

i have tried above code with below HTML but is giving me.

Resultant:

On Sat, Dec 26, 2015 at 9:45 PM, David Skx [email protected] wrote:

You would rather control this in your View.
Something like:

bindings: {
'#uRepeateverybyweek': {
observe: 'uRepeateverybyweek',
onGet: function(val) {
var displayMode = val ? 'inline-block' : 'none';

        this.$('#uRepeateverybyweek').css('display', displayMode);
    }
}

}

—
Reply to this email directly or view it on GitHub
#301 (comment)
.

Kartik*Python | Django | AngularJS Developer *
[image: Skype] kdbusiness90 [email protected] |
[email protected]

from backbone.stickit.

@kdbusiness90 you can remove your if statement. Also a small note, this is highly dependent on how you supply your model to your template. Marionette standardizes this heavily, and underscore templates really don't scale as well as something like Handlebars. All that being said, I wouldn't pass your entire model instance into the view, rather a serialized representation. Also: stickit has built-in capabilities for hiding / showing elements based on model attributes.

var MyView = Backbone.View.extend({
  template: _.template('#my_template'),
  render(){
    this.$el.html(this.template(this.model.toJSON())); // Only pass in serialized Model.
    return this;
  },
  bindings: {
    '#uRepeateverybyweek': {
      observe: 'uRepeateverybyweek',
      update: false, // Don't try to update this element, only make it
      visible(val, options){ return val } // visible depending on `uRepeateverybyweek` attribute
    }
  }
});

from backbone.stickit.