JqueryWireTabs::render()

All-in-one tabs rendering in ProcessWire admin

Use this method to render tabs, tab containers, and initialization script in the return value. This method requires no other initialization or setup and returns ready-to-output tabs.

Available since version 3.0.127.

Example

echo $modules->get('JqueryWireTabs')->render([
  'Foo' => 'Foo tab content',
  'Bar' => 'Bar tab content',
  'Baz' => 'Baz tab content',
]); 

Usage

// basic usage
$string = $jqueryWireTabs->render(array $items);

// usage with all arguments
$string = $jqueryWireTabs->render(array $items, array $options = []);

Arguments

NameType(s)Description
$itemsarray

Array of one or more [ 'Tab Title' => 'Tab Content' ]

$options (optional)array

Options to modify default behavior (I recommend omitting this argument unless you really need it)

Return value

string

Markup ready for output


Hooking JqueryWireTabs::render(…)

You can add your own hook events that are executed either before or after the JqueryWireTabs::render(…) method is executed. Examples of both are included below. A good place for hook code such as this is in your /site/ready.php file.

Hooking before

The 'before' hooks are called immediately before each JqueryWireTabs::render(…) method call is executed. This type of hook is especially useful for modifying arguments before they are sent to the method.

$this->addHookBefore('JqueryWireTabs::render', function(HookEvent $event) {
  // Get the object the event occurred on, if needed
  $JqueryWireTabs = $event->object;

  // Get values of arguments sent to hook (and optionally modify them)
  $items = $event->arguments(0);
  $options = $event->arguments(1);

  /* Your code here, perhaps modifying arguments */

  // Populate back arguments (if you have modified them)
  $event->arguments(0, $items);
  $event->arguments(1, $options);
});

Hooking after

The 'after' hooks are called immediately after each JqueryWireTabs::render(…) method call is executed. This type of hook is especially useful for modifying the value that was returned by the method call.

$this->addHookAfter('JqueryWireTabs::render', function(HookEvent $event) {
  // Get the object the event occurred on, if needed
  $JqueryWireTabs = $event->object;

  // An 'after' hook can retrieve and/or modify the return value
  $return = $event->return;

  // Get values of arguments sent to hook (if needed)
  $items = $event->arguments(0);
  $options = $event->arguments(1);

  /* Your code here, perhaps modifying the return value */

  // Populate back return value, if you have modified it
  $event->return = $return;
});

JqueryWireTabs methods and properties

API reference based on ProcessWire core version 3.0.251