Custom icon switch to default after select and unselect feature in feature class

[ZdeněkSoldán]

Hello,

I have some feature layers created in my code from feature collection. In the feature collection I have defined a default icon for this layer. Further in the code I change the icon for some features according some parameters. 

When I open Attribute Table widget with this layer and select the feature with different icon than default and after that unselect this feature it have default icon not the icon I defined for this feature. 

How can I preserve the defined icon in such cases?

Thanks a lot!

[RobertScheitlin__GISP · Accepted solution]

Zdeněk,

   It sounds like you are setting the graphics symbol individually. If you use a unique value renderer instead you should not have this issue.

[ZdeněkSoldán]

Hello Robert,

yes I'm. Can you explain me what do you mean with unique value renderer and how to use it? 

Thanks a lot

[ZdeněkSoldán]

Ok, I looked what is unique value renderer and it is not usable for me. I have png icons as a symbols and I need to use them.

[RobertScheitlin__GISP]

Zdeněk,

   There is NO reason why you can not use png files in your implementation of a Unique value renderer.

[ZdeněkSoldán]

Robert,

I tried to implement Unique value renderer and I made some progress but still have some issue. In my Layer List widget it looks good. I have there all needed icons but in map there is nothing. No icons for my features.

[RobertScheitlin__GISP]

Zdeněk,

   I would have to see your implementation of the UV renderer.

[ZdeněkSoldán]

Here it is.

startup: function () {
        this.inherited(arguments);
        var map = this.map;
        var SSZFeatureLayer;
var SSZFeatureCollection = {
          "layerDefinition": null,
          "featureSet": {
            "features": [],
            "geometryType": "esriGeometryPoint"
          }
        };
SSZFeatureCollection.layerDefinition = {
          "geometryType": "esriGeometryPoint",
          "objectIdField": "ObjectID",
          "spatialReference": {
            "wkid": 4326,
            "latestWkid": 4326
          },
          "drawingInfo": {
            "renderer": {
              "type": "simple",
              // "symbol": {
              //   "type": "esriPMS",
              //   "url": "images/traffic_lights_005826.svg",
              //   "contentType": "image/svg",
              //   "width": 17,
              //   "height": 17
              // }
            }
          },
          //"minScale":50000,
          "fields": [{
            "name": "ObjectID",
            "alias": "ObjectID",
            "type": "esriFieldTypeOID"
          }, {
            "name": "serialno",
            "alias": "ID zařízení",
            "type": "esriFieldTypeString"
          }, {
            "name": "desc",
            "alias": "Popis",
            "type": "esriFieldTypeString"
          }, {
            "name": "devtype",
            "alias": "Typ zařízení",
            "type": "esriFieldTypeString"
          }, {
            "name": "locality",
            "alias": "Lokalita",
            "type": "esriFieldTypeString"
          }, {
            "name": "street1",
            "alias": "Ulice 1",
            "type": "esriFieldTypeString"
          }, {
            "name": "street2",
            "alias": "Ulice 2",
            "type": "esriFieldTypeString"
          }, {
            "name": "timeStamp",
            "alias": "Zmena stavu",
            "type": "esriFieldTypeString"
          }, {
            "name": "color",
            "alias": "Barva",
            "type": "esriFieldTypeString"
          }]
        }
var devPopupTemplate = new PopupTemplate({
          title: "<b>Sériové číslo</b>: {serialno}",
          //descritpion: "<table><tr><th><b>Popis</b>:</th><th>{desc}</th></tr><tr><th><b>Typ zařízení</b>:</th><th>{devtype}</th></tr><tr><th><b>Lokalita</b>:</th><th>{locality}</th></tr><tr><th><b>Ulice 1</b>:</th><th>{street1}</th></tr><tr><th><b>Ulice 2</b>:</th><th>{street2}</th></tr></table>"
          description: "<b>Popis</b>: {desc} </br><b>Typ zařízení</b>: {devtype} </br><b>Lokalita</b>: {locality} </br><b>Ulice 1</b>: {street1} </br><b>Ulice 2</b>: {street2}</br><b>Zmena stavu</b>: {timeStamp} "
        });
SSZFeatureLayer = new FeatureLayer(SSZFeatureCollection, {
          id: 'SSZ',
          infoTemplate: devPopupTemplate,
          visible: false,
          showLabels: true,
          outFields: ["*"]
        })
var defaultSymbol = "images/traffic_lights_005826.svg"
        var renderer = new UniqueValueRenderer(defaultSymbol, "color");
        renderer.addValue("000000",new PictureMarkerSymbol("images/traffic_lights_000000.svg",17,17));
        renderer.addValue("0000A0",new PictureMarkerSymbol("images/traffic_lights_0000A0.svg",17,17));
        renderer.addValue("0000FF",new PictureMarkerSymbol("images/traffic_lights_0000FF.svg",17,17));
        renderer.addValue("7F7F7F",new PictureMarkerSymbol("images/traffic_lights_7F7F7F.svg",17,17));
        renderer.addValue("9E0B0E",new PictureMarkerSymbol("images/traffic_lights_9E0B0E.svg",17,17));
        renderer.addValue("005826",new PictureMarkerSymbol("images/traffic_lights_005826.svg",17,17));
        renderer.addValue("8000FF",new PictureMarkerSymbol("images/traffic_lights_8000FF.svg",17,17));
        renderer.addValue("F7901E",new PictureMarkerSymbol("images/traffic_lights_F7901E.svg",17,17));
        renderer.addValue("FF0000",new PictureMarkerSymbol("images/traffic_lights_FF0000.svg",17,17));
        renderer.addValue("FFF200",new PictureMarkerSymbol("images/traffic_lights_FFF200.svg",17,17));
        SSZFeatureLayer.setRenderer(renderer)

SSZFeatureLayer.on("click", function (evt) {
          map.infoWindow.setFeatures([evt.graphic]);
        });

map.on("layers-add-result", function (results) {
          requestDevices();
        });
map.addLayers([SSZFeatureLayer])

function requestDevices() { Function to request the data}
}‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

[RobertScheitlin__GISP]

Do not include:

          "drawingInfo": {
            "renderer": {
              "type": "simple",
              // "symbol": {
              //   "type": "esriPMS",
              //   "url": "images/traffic_lights_005826.svg",
              //   "contentType": "image/svg",
              //   "width": 17,
              //   "height": 17
              // }
            }
          },
          //"minScale":50000,‍‍‍‍‍‍‍‍‍‍‍‍‍

in your layerDefinition.

Is the values in your data's color field upper case like?

"7F7F7F"

[ZdeněkSoldán]

Yes, data's color field is upper case. And I commented the whole part drawingInfo and still nothing in my map.