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
Name | Type(s) | Description |
---|---|---|
$items | array | 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 Jquery
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 Jquery
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 Jquery
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