topic Uncaught TypeError: this._onTransparencyChanged is not a function in ArcGIS JavaScript Maps SDK Questions

Uncaught TypeError: this._onTransparencyChanged is not a function

RolandoFlorez — Sun, 12 Dec 2021 07:55:38 GMT

I have the startup function in my Widget.js

startup : function () {
   this.inherited(arguments);
   this.horizontalSlider = new HorizSlider({
         minimum : 0,
         maximum : 1,
         intermediateChanges : true,
         onChange : function (value) {
            console.log('slider value: ' + value);
            this._onTransparencyChanged(value);
            console.log('opacity changed');
         }
      }, this.sliderNode);
   this.horizontalSlider.startup();
   new HorzRuleLabels({
      container : "bottomDecoration"
   }, this.transparencyRule);
   console.log('startup');
},

but the onChange function, in the horizontal slider, when I try to change the opacity of layers. The console show me the error above.
This is the function:

_onTransparencyChanged : function (opacity) {
   this._vectorial.setOpacity(1 - opacity);
   this._baseAerea.setOpacity(opacity);
}

And similarly if I put the code of _onTransparencyChanged function in the onChange function I get an error like : cannot read property 'setOpacity' of undefined. What ever I do , got an error.

Thanks a lot

Re: Uncaught TypeError: this._onTransparencyChanged is not a function

RobertScheitlin__GISP — Sun, 12 Dec 2021 07:55:41 GMT

Rolando,

That is because this._onTransparencyChanged is out of scope when you are inside the onChange function handler and you are not using lang.hitch.

startup : function () {
   this.inherited(arguments);
   this.horizontalSlider = new HorizSlider({
         minimum : 0,
         maximum : 1,
         intermediateChanges : true,
         onChange : lang.hitch(this, function (value) {
            console.log('slider value: ' + value);
            this._onTransparencyChanged(value);
            console.log('opacity changed');
         })
      }, this.sliderNode);
   this.horizontalSlider.startup();
   new HorzRuleLabels({
      container : "bottomDecoration"
   }, this.transparencyRule);
   console.log('startup');
},‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Uncaught TypeError: this._onTransparencyChanged is not a function

RolandoFlorez — Thu, 27 Oct 2016 17:07:12 GMT

That's it Robert. I saw this implementation in LayerList widget, but I didn't understand.
Thanks.

Re: Uncaught TypeError: this._onTransparencyChanged is not a function

RobertScheitlin__GISP — Thu, 27 Oct 2016 17:19:49 GMT

Rolando,

If you are going to do WAB widget development that I would suggest you spend time leaning about dojo templated widgets and definitely about lang.hitch and this.own

Re: Uncaught TypeError: this._onTransparencyChanged is not a function

RolandoFlorez — Tue, 22 Nov 2016 17:40:19 GMT

Hi Robert,

Can you tell me, where is the documentation about "this.own" ?

Re: Uncaught TypeError: this._onTransparencyChanged is not a function

RobertScheitlin__GISP — Tue, 22 Nov 2016 18:54:21 GMT

You can find that on the dojo site about templated dijits