Integration Sample Code
This task provides sample code for integrating the MenuButton component into a Visualforce page and configuring its options in an Apex controller.
To use the MenuButton component :
-
Put the ButtonBar component on your Visualforce page inside an
<apex:form>tag as shown in the Visualforce Page Example below. - Set up the component options in your controller as shown in the Apex Controller Example below.
Visualforce Page Example:
<apex:page controller="SampleController">
<zqu:ButtonBar options="{!options}" dir="h" />
</apex:page>Apex Controller Example:
public class SampleController {
public zqu.ButtonBarOptions options {get;set;}
public SampleController ()
{
options = new zqu.ButtonBarOptions();
zqu.MenuButtonOptions menuButtonOption1 = new zqu.MenuButtonOptions();
menuButtonOption1.menuId = '1';
menuButtonOption1.menuName = 'add_product';
menuButtonOption1.menuLabel = 'Add Product';
menuButtonOption1.buttonLabel = 'Select';
menuButtonOption1.menuItemSectionTitle = 'Select a step to begin';
menuButtonOption1.menuItems = new List<zqu.MenuButtonOptions.MenuItem>();
zqu.MenuButtonOptions.MenuItem item1 = new zqu.MenuButtonOptions.MenuItem();
item1.id = 'id1';
item1.name = 'name1';
item1.label = 'Add Base Products';
item1.bullet = 'Step 1';
menuButtonOption1.menuItems.add(item1);
zqu.MenuButtonOptions.MenuItem item2 = new zqu.MenuButtonOptions.MenuItem();
item2.id = 'id2';
item2.name = 'name2';
item2.label = 'Add Addon Products';
item2.bullet = 'Step 2';
menuButtonOption1.menuItems.add(item2);
options.buttonItems = new List<zqu.ButtonBarOptions.ButtonBarItem>();
zqu.ButtonBarOptions.ButtonBarItem buttonBarItem1 = new zqu.ButtonBarOptions.ButtonBarItem('but1id', menuButtonOption1);
options.buttonItems.add(buttonBarItem1);
}
}