Adding state config to checkbox in toolbar doesn't save correctly

[marciogurka]

Forum post

• Go to https://bryntum.com/products/gantt/examples/state/
• Add the following checkbox widget to the toolbar

{
          ref: "showBaselineMenu",
          type: "button",
          text: "Show baseline",
          menu: [
            {
                id : 'baselineMenu1',
                type: 'check',
              text: "Baseline 1",
              statefulEvents : ['change', 'resize'],
              stateId,
              stateful: ["checked"], // this doesn't save the state of the menu item
           
              onToggle({ checked }) {
                
              }
            },
          ]
        }

• When you reload the Gantt (change some code to trigger the reload), is expected to have the state saved, but that's not the actual result.

"Hi,

I could use some hints how to add state to this checkbox:

  class GanttToolbar extends Toolbar {
  static get configurable() {
    return {
      items: [
        {
          ref: "showBaselineMenu",
          type: "button",
          text: "Show baseline",
          menu: [
            {
              checked: true,
              text: "Baseline 1",
              stateful: ["checked"], // this doesn't save the state of the menu item
              stateId: "showBaselineMenuBaseline1",
              onToggle({ checked }) {
                toggleBaselineVisible(1, checked);
              }
            },
            // ... some more items
          ]
        },
      ]
    };
  }
}

elsewhere in the gantt initialiser code:

  StateProvider.setup("local");

The StateProvider works well for other stateful components (widths of columns are saved).

How to add menu item checkbox to the state?
"