Wiring the switchValue on the substitution component

[jlmi...@kahalawai.com]

Hi,

Struggling with another seemingly easy one...

Looking at the example:

"substitution": {
    "prototype": "montage/ui/substitution.reel",
    "properties": {
        "element": {"#": "substitution"},
        "switchValue": "profile"
    }
}

How do I wire "switchValue" to a variable in the reel's javascript file?  I've seemed to have tried every permutation I could think of but none of it seems to work for me?

Thanks in advance!

[Benoit Marchant]

Johnny,

The instance of the component loading the template, the instance off the prototype defined in the JavaScript file of the reel, is available as the "owner". So if in your component you have a property named "layerType" for example, the bindings section of your substitution you would do:

        "bindings": {

            "switchValue": {"<-": "@owner.layerType"}

        }

Benoit

--
You received this message because you are subscribed to the Google Groups "Montage JS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to montagejs+...@googlegroups.com.
Visit this group at http://groups.google.com/group/montagejs.
For more options, visit https://groups.google.com/groups/opt_out.

[jlmi...@kahalawai.com]

Hi Benoit,

I could have sworn I had tried that.  Anyway, stumbling along...

in the javascript file I have something like this:

    handleActionLinkAction: {

        value: function(evt) {

            if(this._layerType == "profile") {

                this._layerType = "contact";

            } else {

                this._layerType = "profile";

            }

        }

    },

    _layerType: {

        value: null

    },

    layerType: {

        get: function() {

            if(this._layerType == null) {

                this._layerType = "profile";

            }

            return this._layerType;

        },

        set: function(value) {

            this._layerType = value;

        }

    }

When I press the link I see that _layerType gets changed but why doesn't the substitution component switch between panels?

[François Frisch]

You will need to use the setter rather than assigning the underlying property. for example: this.layerType = "contact"

[jlmi...@kahalawai.com]

I'm missing it...

    handleActionLinkAction: {

        value: function(evt) {

            if(! this._layerType || this._layerType == "profile") {

                this.layerType.set("contact");

            } else {

                this.layerType.set("profile");

            }

        }

    },

returns a reference error can't find variable: layerType

[Kris Kowal]

+list

---------- Forwarded message ----------
From: Kris Kowal <kris....@cixar.com>
Date: Tue, Feb 18, 2014 at 4:06 PM
Subject: Re: [montagejs] Wiring the switchValue on the substitution component
To: jlmi...@kahalawai.com

Assign directly to the property. The set method is for the property descriptor. You do not call it directly.

    handleActionLinkAction: {

        value: function(evt) {

            if(this._layerType == "profile") {

                this.layerType = "contact";

            } else {

                this.layerType = "profile";

            }

        }

    },

[jlmi...@kahalawai.com]

Thank you.  I see it now.

[Mike Czepiel]

This example might be illustrative, using bindings to put data where you expect.

http://montagejs.github.io/mfiddle/#!/9083465