topic Re: .js to .json in Web AppBuilder Custom Widgets Questions

.js to .json

RickeyFight — Mon, 01 Jun 2015 23:10:57 GMT

I know this is stupid but I cannot figure out how to get my js to pull some of my config.json into it.

Does it have to be a function?

After viewing sample code, I see that it can be done with a function.

LocalLayer widget:

this.config.layers.layer.forEach(function (layer) {

Is there any documentation/ videos/ examples on how this can be done.

I am looking for a way to amend the config json and have the script reflect that.

Such as

var Exp = "fromjson";

json

"fromjson": "crime = 'Larceny/Theft' ",

Thanks!

Re: .js to .json

RobertScheitlin__GISP — Mon, 01 Jun 2015 23:13:44 GMT

Rickey,

In a widget.js there is access to the widgets config.json by using the this.config object so if you have a object called crimes in your config.json then you can access this in the widget.js by using this.config.crimes.

Re: .js to .json

RickeyFight — Tue, 02 Jun 2015 14:11:20 GMT

Robert,

Thank you! I have tried that. I just keep getting an error of crimes not defined (assuming crimes is in my config.json).

Re: .js to .json

RobertScheitlin__GISP — Tue, 02 Jun 2015 14:21:06 GMT

Rickey,

Can You show me how you have "crimes" written in your json file?

Re: .js to .json

RickeyFight — Tue, 02 Jun 2015 14:36:09 GMT

Robert,

json

"crimes": "Month='January'"

widget

this.config.crimes

Re: .js to .json

RobertScheitlin__GISP — Tue, 02 Jun 2015 14:38:54 GMT

Rickey,

Is crimes a child of some other object? Can you share your whole json?

Re: .js to .json

RickeyFight — Sun, 12 Dec 2021 09:35:12 GMT

Robert,

Here is my json

I am assuming that if i wanted to do the layer in my json my code would be this.config.layers.layer

{ "crimes": "Month='January'",

    "layers": {
        "layer": [
            {
                "type": "Feature",
                "url": "http://gis.ashland.or.us/arcgis/rest/services/sandbox/crimeloc/MapServer/2",
                "name": "crimeloc_filter",
                "opacity": 0.59,
                "visible": true,
                "showLabels": true,
                "popup": {
                    "title": "Crime",
                    "fieldInfos": [
                        {
                            "fieldName": "crime",
                            "label": "crime",
                            "visible": true
            },
                        {
                            "fieldName": "date",
                            "label": "date",
                            "visible": true
            },
                        {
                            "fieldName": "time",
                            "label": "time",
                            "visible": true
            },
                        {
                            "fieldName": "Address",
                            "label": "Address",
                            "visible": true
            },
                        {
                            "fieldName": "Description",
                            "label": "Description",
                            "visible": true
            },
                        {
                            "fieldName": "IncidntNum",
                            "label": "IncidntNum",
                            "visible": true
            },
                        {
                            "fieldName": "Descript",
                            "label": "Descript",
                            "visible": true
            },
                        {
                            "fieldName": "DayOfWeek",
                            "label": "DayOfWeek",
                            "visible": true
            },
                        {
                            "fieldName": "Date_1",
                            "label": "Date_1",
                            "visible": true
            },
                        {
                            "fieldName": "Time_1",
                            "label": "Time_1",
                            "visible": true
            },
                        {
                            "fieldName": "PdDistrict",
                            "label": "PdDistrict",
                            "visible": true
            },
                        {
                            "fieldName": "Resolution",
                            "label": "Resolution",
                            "visible": true
            },
                        {
                            "fieldName": "Location",
                            "label": "Location",
                            "visible": true
            },
                        {
                            "fieldName": "Month",
                            "label": "Month",
                            "visible": true
            }
          ],
                    "showAttachments": true,
                    "tr": null
                },
                "autorefresh": 0,
                "mode": "ondemand"
      }
    ]
    }


}

Re: .js to .json

StanMcShinsky — Tue, 02 Jun 2015 14:50:56 GMT

Rickey Fite

I was having that same problem for a while. I think what I did to fix it was assign a variable in the js to the config value and then used the variable in the js code.

for example:

json

"crimes": "Month='January'"

widget

var crimeDate = this.config.crimes;

Then use crimeDate in the js code where you had "this.config.crimes" before.

-Stan

Re: .js to .json

RickeyFight — Tue, 02 Jun 2015 14:57:50 GMT

Stan,

I tired that, my error is:

Re: .js to .json

RobertScheitlin__GISP — Tue, 02 Jun 2015 15:16:10 GMT

Rickey,

I don't see anything wrong in your json so the next question is where in your widget.js are you trying to access the this.config.crimes object (hopefully after postCreate method)?

Re: .js to .json

RickeyFight — Sun, 12 Dec 2021 09:35:15 GMT

Robert,

I am calling this.config.crimes; in the startup function.

I have changed the scope of the variable (using Stan suggestions above) trying to make it work.

I am sure you are tired of seeing this code:

                    //setup click event for buttons
                    query("select").forEach(function (node) {

                        on(node, "click", function (e) {
                            var target = e.target || e.srcElement;
               
                            //----Number of Features---------------    
                            lLayer.on("update-end", function (evt) {


                                dom.byId("featcount").innerHTML = " " + evt.target.graphics.length;
                            });
                            //-------------------
                                var crimeDate = this.config.crimes;

                            switch (target.value) {

                              case "106":
                                defExp2 = crimeDate;
                                break;

    }

Re: .js to .json

StanMcShinsky — Tue, 02 Jun 2015 15:33:03 GMT

Another thing that was throwing me off some was I was trying to edit the wrong config file.

I was editing an app in the arcgis-web-appbuilder-1.1.1\server\apps folder (not the stemapp) and tried to make changes to the config file in the widget folder but I forgot that the config file that the widget was reading was in the <root>\configs\<widgetname>config_<widgetname>.json. Maybe this might help?

-Stan

Re: .js to .json

RickeyFight — Sun, 12 Dec 2021 09:35:18 GMT

Stan,

That was it. I tired it yesterday but without the var you suggested. I needed to change the widget configs file and not the config file inside the widget folder.

The scope confuses me though I have to define the variable outside the function I though would need it.

var crimeDate = this.config.crimes; 
this.config.layers.layer.forEach(function (layer) {
//lots of functions
};

Thank you Robert Scheitlin, GISP and Stan McShinsky