Need help with selectors from array

I have all my data in an object. I have 3 dropdowns, and I each dropdown to populate based on the selection of the previous one.

For example:

data = {
  "campaign1": {
    "name": "Campaign 1",
    "projects": {
      "job A": [
        "proj 1"
      ],
      "job B": [
        "proj 2",
        "proj 3"
      ]
    }
  },
  "campaign2": {
    "name": "Campaign 2",
    "projects": {
      "job C": [
        "proj 4",
        "proj 5",
        "proj 6"
      ],
      "job D": [
        "proj 7",
        "proj 8",
        "proj 9"
      ]
    }
  }
}

The idea is that first you choose a “Campaign”, then 2nd dropdown shows “Jobs” for that campaign, then 3rd shows “Projects” for that job.

This is what I’ve tried for the first 2 items, but I’m not understanding how watch, enumSource, and template work together:

var editor = new JSONEditor(document.getElementById("editor"), {
...
  schema: {
    type: "object",
    properties: {
      campaign: {
        id: "campaign",
        type: "string",
        enumSource: [{
          source: Object.entries(data),
          value: "{{item.0}}",
          title: "{{item.1.name}}"
        }],
      },
      project: {
        type: "string",
        watch: { "c": "campaign" },
        enumSource: [{
          source: Object.entries(data),
          title: "{{item[c].projects}}"
        }]
        ....

The first item shows the campaigns correctly, but how do I then use that selection to populate the 2nd dropdown?

Thanks!

[schmunk42]

btw, I just ran cloc against Alpaca’s src

 schmunk@xps-15  ~/Workspace/_tmp/alpaca-master  
> cloc src            
     176 text files.
     163 unique files.                                          
      16 files ignored.

github.com/AlDanial/cloc v 1.80  T=0.11 s (1426.0 files/s, 339515.6 lines/s)
-------------------------------------------------------------------------------
Language                     files          blank        comment           code
-------------------------------------------------------------------------------
JavaScript                      90           4696           8489          22655
HTML                            67            342             21           1120
CSS                              5            281            139            828
-------------------------------------------------------------------------------
SUM:                           162           5319           8649          24603
-------------------------------------------------------------------------------

and json-editor

 schmunk@xps-15  ~/Workspace/json-editor/json-editor   master  
> cloc src          
      59 text files.
      59 unique files.                              
       0 files ignored.

github.com/AlDanial/cloc v 1.80  T=0.04 s (1441.0 files/s, 263157.6 lines/s)
-------------------------------------------------------------------------------
Language                     files          blank        comment           code
-------------------------------------------------------------------------------
JavaScript                      58           1089            933           8710
CSS                              1              0              0             43
-------------------------------------------------------------------------------
SUM:                            59           1089            933           8753
-------------------------------------------------------------------------------

[pmk65]

Watching a field from within the schema is rather limited, compared to watching the field from JavaScript. If you watch the field(s) from JavaScript, you can manipulate the fields better. Take a look at this example: https://github.com/json-editor/json-editor/wiki/Adding-autoprefilling-based-on-value-in-another-field-using-Bloodhound