nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Loss of renderer with runtime-created data source

jwilner_amica

Following this post, I created a DataSource from a programmatically generated FeatureLayer.

https://community.esri.com/t5/arcgis-experience-builder-questions/making-runtime-featurelayers-register-as/m-p/1473175#M12641

However, when that DataSource is added to map, it loses its renderer that was defined before. The renderer being used displays some color never used in my UniqueValueRenderer. The code is as follows:

let layer = new FeatureLayer({

source: featureset, // autocast as a Collection of new Graphic()

objectIdField: "OBJECTID",

geometryType: "polygon",

popupTemplate: template,

fields: swath.value.fields,

title: 'Hail Swath ' + dt,

opacity: 0.8

})

layer.renderer = {

type: "unique-value", // autocasts as new UniqueValueRenderer()

// @ts-ignore

field: "diameter_in_label",

defaultSymbol: {

type: "simple-fill",

outline: line,

color: [209, 0, 152, 1.0]

uniqueValueInfos: [{

value: '0.75"',

symbol: {

type: "simple-fill", // autocasts as new SimpleFillSymbol()

color: [255, 255, 190, 1.0],

outline: line

}

}, ... ** Omitted long renderer **

}]

}

const data: DataSourceJson = {

id: 'Hail Swath ' + dt,

layerId: layer.id,

type: DataSourceTypes.FeatureLayer,

label: layer.title,

}

const dataJson = Immutable(data)

const dataSourceOptions = {

id: 'Hail Swath ' + dt,

layer: layer,

dataSourceJson: dataJson,

}

dsManager.current.createDataSource(dataSourceOptions).then((source) => {

const sourceId = source.id

const addMapData = {

jimuMapViewId: map.current.id,

dataSourceId: sourceId,

dataChangeType: DataChangeType.Create,

dataChangeStatus: DataChangeStatus.Fulfilled

}

let mapDatas = { sourceId: addMapData }

map.current.addOrRemoveDataOnMap(mapDatas)

}).catch((error) => {

console.error('Error creating DataSource:', error);

});

Any help would be appreciated, thank you!

Find more posts tagged with

Accepted answers

YueyangLi

Hi @jwilner_amica,

The addOrRemoveDataOnMap method should be private. It creates a graphic layer based on the records from the data source, which explains why the renderer isn't functioning properly. We will update the code accordingly.

If you'd prefer to create the data source first and then add it to the map, you can use jimuMapView.addLayerToMap(dsId, customLayerId).

I hope this helps.

jwilner_amica

Got a functional result. Rather than adding DataSource to map, add the FeatureLayer, then add that FeatureLayer to a JimuLayerView, specifying creation during runtime ('true' flag in constructor). Use the DataSource id created earlier in the JimuLayerView constructor as well. Symbology transfers and has datasource functionality:

dsManager.current.createDataSource(dataSourceOptions).then((source) => {

const sourceId = source.id

const addMapData = {

jimuMapViewId: map.current.id,

dataSourceId: sourceId,

dataChangeType: DataChangeType.Create,

dataChangeStatus: DataChangeStatus.Fulfilled

}

map.current.view.map.add(layer)

map.current.createJimuLayerView(layer, map.current.id, 0, source, true)

}).catch((error) => {

console.error('Error creating DataSource:', error);

});

ExB 1.15 Bug:

Layer loses DataSource functionality upon reorder

https://community.esri.com/t5/arcgis-experience-builder-questions/loss-of-runtime-created-datasource-functionality/m-p/1541505#M15032

All comments

MohammedHilal_K

@QunSun @jwilner_amica
still Not working. Also in targetLayerId, what Id it actually required? I'm using 'Wolrd Hillshade' as basemap with no predefined layers.
Also below code works for me for MapImageLayer and FeatureLayer. but what about FeatureService? how can we pass the FeatureService to createJimuLayerView?

jimuMapView.view.map.add(featureService)
jimuMapView.createJimuLayerView(featureService, jimuMapView.id, index, dataSource, true)

am creating feature service using below code, but after added to the map, data action(add to table ) is not available.

await Layer.fromArcGISServerUrl({

url: url

})

Any help?

QunSun

@MohammedHilal_K Can you try calling jimuMapView.addLayerToMap() serially to solve this problem? Similar to the following code

async function addMultipleLayersToMapOneByOne(items) {
    for (const item of items) {
      const { dataSourceId, targetLayerId } = item;
      await jimuMapView.addLayerToMap(dataSourceId, targetLayerId);
    }
  }

MohammedHilal_K

When I use jimuMapView.addLayerToMap(dsId, customLayerId) inside a loop, the DataAction ("Add to Table") works only for the last item in the array. If I add a single layer, the data action works perfectly. I've noticed this behavior in both Experience Builder versions 1.14 and 1.15.

However, when using addOrRemoveDataOnMap, I don't encounter this issue, but the layer ordering doesn't follow the intended sequence. In contrast, with addLayerToMap(), I can use await since it returns a promise.
Any help?

YueyangLi

Hi @jwilner_amica,

If you'd prefer to create the data source first and then add it to the map, you can use jimuMapView.addLayerToMap(dsId, customLayerId).

I hope this helps.

jwilner_amica

@JeffreyThompson2 Got a functional datasource add, may make your widget a bit cleaner than add-remove, but could still use some testing. Hope this can help!

jwilner_amica

dsManager.current.createDataSource(dataSourceOptions).then((source) => {

const sourceId = source.id

const addMapData = {

jimuMapViewId: map.current.id,

dataSourceId: sourceId,

dataChangeType: DataChangeType.Create,

dataChangeStatus: DataChangeStatus.Fulfilled

}

map.current.view.map.add(layer)

map.current.createJimuLayerView(layer, map.current.id, 0, source, true)

}).catch((error) => {

console.error('Error creating DataSource:', error);

});

ExB 1.15 Bug:

Layer loses DataSource functionality upon reorder

https://community.esri.com/t5/arcgis-experience-builder-questions/loss-of-runtime-created-datasource-functionality/m-p/1541505#M15032

jwilner_amica

I will look through that, thank you!

JeffreyThompson2

I am currently working on an update to my add/remove layers widget that will register the layers as datasources. I should have it out later today.

https://community.esri.com/t5/experience-builder-custom-widgets/add-remove-layers-by-group/m-p/1295061#M70

While working on the problem linked to in your original question, I found an issue in that code that adding the datasource causes an additional datasource enabled layer to be added to the map and there were issues with conflicting ids. I think your code could have a similar problem. My widget works by adding the layer (not as a datasource) to the map, using that layer to make a datasource with a different id and then deleting the original layer.

jwilner_amica

Unfortunately,

map.current.addOrRemoveDataOnMap(mapDatas)

layer.renderer = {**Omitted renderer**}

did not seem to solve the issue. I also tried putting both lines into a timeout, as you did in the original post, as well as putting the layer.renderer overwrite alone into a timeout, to ensure that the update occurred after the add to map, but neither seemed to have any effect. Is there a way to specify the renderer directly in the DataSourceJson? I couldn't seem to find one, but it is possible I overlooked something. Thank you for your help, you have quite a wealth of knowledge with the ExB developer system!

JeffreyThompson2

I think that because your render is not defined within the DataSourceJson, it is triggering the layer to load with the default renderer. Try moving the layer.renderer = {...} below adding it to the map, so it will first load with the default renderer and then get the unique values.

jwilner_amica

When logging my DataSourceManager (dsManager) immediately after the 'addOrRemoveDataOnMap(mapDatas)' line, I get the renderer displayed as such:

So it does seem to be there, but not taking any effect.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.