How to set multiple items using onSettingChange

kenbuja

I'm attempting to set two items in the config file in my Settings widget using this code, but it's only setting the second item ('templateLayerId').

  function onDoneClicked(): void {
    onSettingChange({
      id: id,
      config: config.set('templateLayerName', selectedItem.title),
    });
    onSettingChange({
      id: id,
      config: 
        config.set('templateLayerId', selectedItem.id),
    });
  }

What's the proper syntax for setting multiple items?

Jeff.Thompson@arlingtontx.gov_arlingtontx

I recently went through this and I found that I could not set more than one setting at a time. The setting changes needed to be separated by a user interaction. I believe what was happening was whenever a setting is changed it triggers a re-render which wipes the data from the first change before the user can click the save button in the Builder to permanently save the changes. I had five interrelated settings, so I needed to make them all change together. My solution was to bundle all of my related settings into a single JSON object in the config file, so each onSettingChange call was just changing one object. Looking at the config.json files in the Server, this appears to be how the Dev team also deals with multiple setting changes at once.