I will post the entire section of code:
var currField
define(
['dojo/_base/declare',
"dijit/_WidgetsInTemplateMixin",
'jimu/BaseWidget',
"esri/toolbars/draw",
"esri/toolbars/edit",
"esri/graphic",
"esri/request",
"esri/config",
"esri/Color",
"esri/renderers/Renderer",
"esri/tasks/ClassBreaksDefinition",
"esri/tasks/UniqueValueDefinition",
"esri/tasks/ColorRamp",
"esri/tasks/AlgorithmicColorRamp",
"esri/tasks/GenerateRendererParameters",
"esri/tasks/GenerateRendererTask",
"esri/layers/LayerDrawingOptions",
"esri/layers/FeatureLayer",
"esri/layers/Field",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/symbols/SimpleFillSymbol",
"esri/dijit/editing/TemplatePicker",
"esri/dijit/editing/Editor",
"dojo/_base/array",
"dojo/_base/event",
"dojo/_base/lang",
"dojo/parser",
"dijit/registry",
"dojo/data/ItemFileReadStore",
"dojox/grid/DataGrid",
"dijit/form/FilteringSelect",
"dijit/form/Select",
"dojo/on",
"dojo/data/ObjectStore",
"dojo/store/Memory",
"dojo/domReady!"],
function(declare,_WidgetsInTemplateMixin, BaseWidget, Draw, Edit, Graphic, esriRequest, esriConfig, Color,Renderer,
ClassBreaksDefinition, UniqueValueDefinition, ColorRamp, AlgorithmicColorRamp,
GenerateRendererParameters, GenerateRendererTask, LayerDrawingOptions,
FeatureLayer,Field,
SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol,
TemplatePicker,Editor,
arrayUtils, event, lang, parser, registry, ItemFileReadStore, DataGrid, FilteringSelect,Select, On,ObjectStore, Memory) {
//To create a widget, you need to derive from BaseWidget.
return declare([BaseWidget,_WidgetsInTemplateMixin], {
// DemoWidget code goes here
//please note that this property is be set by the framework when widget is loaded.
//templateString: template,
baseClass: 'jimu-widget-ROP',
postCreate: function() {
this.inherited(arguments);
console.log('postCreate');
},
startup: function() {
///INICIO/////
parser.parse();
// refer to "Using the Proxy Page" for more information: https://developers.arcgis.com/javascript/3/jshelp/ags_proxy.html
esriConfig.defaults.io.proxyUrl = "/proxy/";
map= this.map;
map.on("layers-add-result", initEditing);
var landusePolygonLayer = new FeatureLayer("https://services7.arcgis.cYy", {
id: "canada_Risk",//confirm works
mode: FeatureLayer.MODE_ONDEMAND,
outFields: ["*"]
});
console.log("LayerInfo", landusePolygonLayer)
map.addLayers([landusePolygonLayer]);
//fieldInfo
var canadaFields = esriRequest({
url:"https://services7.arcgis.com//0",
content:{
f: "json"
},
callbackParamName : "callback"
});
console.log("fields", canadaFields)
var fieldNames, fieldStore;
canadaFields.then(function(resp){
fieldNames = { identifier : "id", label: "label", items: []};
//console.log("fields", fieldNames)
arrayUtils.forEach(resp.fields,function(f){
fieldNames.items.push({"id": f.name, "label": f.name});
// console.log("f_name", f)
//this.sourceLayerFieldSelect.set("value", f.name)
//console.log("fieldnamesForStore", fieldNames.items)
});
var data = fieldNames;
//console.log("dvfdata", data.items)
var store = new Memory({
data: data.items
});
var os = new ObjectStore({objectStore: store});
//console.log("dsds",os)
var s = new Select({
store: os
}, "sourceLayerFieldSelect");
s.startup();
// this.sourceLayerFieldSelect.store(os);
//console.log("dsddssdsd",s)
s.on("change", function(){
//lang.hitch(this, this.get("value"));
console.log("my value: ", this.get("value"))
currField = this.get("value");
classBreaks(currField)
})
}, function(err){
console.log("failed to get field names: ", err);
});
function classBreaks(field) {
var classDef = new UniqueValueDefinition();
//define ColorRamp
var colorRamp = new AlgorithmicColorRamp();
colorRamp.fromColor = new Color.fromHex("#ffffcc");
colorRamp.toColor = new Color.fromHex("#006837");
colorRamp.algorithm = "hsv"; // options are: "cie-lab", "hsv", "lab-lch"
//var classField = this.get("value")
console.log("This.get(value)", field);//confirm the field is correct in console
classDef.attributeField= field;//set def field to the user selected field
classDef.type = "classBreaksDef";
classDef.baseSymbol = new SimpleFillSymbol("solid", null, null);
classDef.ColorRamp = colorRamp;
//var params = new GenerateRendererParameters();
//params.classificationDefinition = classDef;
//console.log("here")
console.log("riskCanada",this.map.getLayer("canada_Risk"))
this.map.getLayer("canada_Risk").setRenderer(classDef);
console.log("here2")
//var generateRenderer = new GenerateRendererTask("https://services7.arcgis.com/0");
//generateRenderer.execute(params, applyRenderer, errorHandler);
}
