How to get reference of Ribbon Tab,group and contents dynamically?

[Roshan Jaiswal]

Hello,

I am evaluating ejRibbion.

During evluation, I am facing issue with getting reference of a child item( button/splitButton/drop-down/Togglebutton, etc) in ejRibbon.

How many ways I can dynamically get reference of any Tab/Group/Content added in jRibbon at design time?

Could you please help me out on this.

Thanks in Advance.

RoshanJ

[Keerthana Rajendran]

Hi Roshan, 

 

Greetings from Syncfusion support. 

 

We have checked your requirement. It seems you need to get reference of child items inside Ribbon like button, dropdownlist etc. Id for these controls will be formed based on the ribbon id. So, using this Id you can get control’s instance as shown in the below code for required controls. 

 

function Getinstance() 

      { 

         console.log($("#defaultRibbon").data("ejTab")); //Tab instance 

         console.log( $("#defaultRibbon_fontfamily").data("ejDropDownList")); //DropDownList instance 

         console.log( $("#defaultRibbon_paste").data("ejSplitButton")); //SplitButton instance 

         console.log( $("#defaultRibbon_bold").data("ejToggleButton"));//ToggleButton instance 

         

      } 

 

Sample: https://jsplayground.syncfusion.com/nucaqs3l 

 

For customizing groups, you can use updateGroup method of Ribbon. Refer to the below UG links for more details on Ribbon  

 

https://help.syncfusion.com/js/ribbon/group 

 

https://help.syncfusion.com/api/js/ejribbon  

 

Please let us know if any concern. 

 

Regards, 

Keerthana.