SpreadJS Designer - Seeking code examples for of the Quick Access Bar

SpreadJS Designer - Seeking code examples for of the Quick Access Bar

Posted by: eberridge on 24 April 2025, 2:45 pm EST

• 

  eberridge

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 24 April 2025, 2:45 pm EST

  Hello, I see a member ‘quickAccessBar’ in the IDesignerConfig, but can find no real info about it in the docs, nor any examples. I found information only in the Spread WinForms docs, but that doesn’t apply here.
  
  There’s also an old StackOverflow thread that seems to indicate it should be in the Designer Component. https://stackoverflow.com/questions/61335988/how-to-show-quick-access-bar-in-spreadjs-grapecity
  
  Any help would be greatly appreciated, thanks!

• 

  priyam.kushwaha

  

  • Post Options:
  • Link
    Copy

  Posted 25 April 2025, 6:50 am EST - Updated 25 April 2025, 6:55 am EST

  Hi,

  The Quick Access Bar is part of the SpreadJS Designer. Still, there are no quick access options in the default designer configuration, due to which there are no options related to the quick access bar in the Designer API. However, quickAccessBar is an array of command names, when initialized will perform the respective action.

  Please refer to the code snippet below which illustrates the above said-

  config.quickAccessBar = ["commandName1", "commandName2", ...];
  designerInstance.setConfig(config);

  You can further refer to the attached sample that uses the above code snippet and adds the quick access bar to the SpreadJS Designer Component (see below).

  Please feel free to reach out if you encounter any further issues or require additional guidance.

  Quick Access Bar sample: https://jscodemine.mescius.io/share/3f9DdkA4ak6N1tr1iN0NOA/?defaultOpen={"OpenedFileName"%3A["%2Findex.html"%2C"%2Fapp.js"]%2C"ActiveFile"%3A"%2Fapp.js"}

  Refer to the attached GIF:

  Best Regards,