

Get in touch

Download Plugin Now
  • Follow
  • Follow
WP Data Access
  • Download
  • Support
  • Features
  • Pricing
  • Documentation
    • Tool Guide
    • App Builder
    • Data Explorer
    • SQL Query Builder
    • Plugin Settings
    • Legacy Tools
    • Remote Connections
a
M
M
  • Download
  • Support
  • Features
  • Pricing
  • Documentation
    • Tool Guide
    • App Builder
    • Data Explorer
    • SQL Query Builder
    • Plugin Settings
    • Legacy Tools
    • Remote Connections
Download Plugin Now

App Builder

  • Getting Started
  • App Builder Dashboard
  • Creating your first App
  • Running Apps
  • Export/Import Apps
  • Road Map
  • App Shortcodes
    • Shortcode Usage
    • Shortcode Parameters
    • URL Parameters

App Manager

  • Getting started
  • Supported App Types
  • Supported Languages
  • App Authorization and Access
  • Full-Screen Mode

Table Builder

  • Getting started
  • Relationships
  • Lookups
  • Computed Fields
  • Table
    • Global filter
    • Column filters
    • Bulk Actions
    • Row Actions
    • Column Actions
    • Default where
    • Default Order By
    • Pagination
    • Inline Editing Settings
    • Layout & Responsiveness
      • Responsiveness
      • Density
      • Table Header
      • Table Footer
  • Columns
    • Introduction
    • Column Settings
    • Column Actions
    • Lookup
    • Aggregations
    • Column Metadata
  • Performance
    • Large Table Support
    • Server/Client-Side Processing
  • Filters
    • Global filter
    • Column filters
    • Default where
    • URL parameters
    • Shortcode parameters

Form Builder

  • Getting started
  • Relationships
  • Lookups
  • Computed Fields
  • Form
    • Understanding the Grid
    • Field Layout
    • Column Behaviour
    • Null Value Handling
  • Columns
    • Column Settings
    • Validation
    • Lookup
    • Column Metadata
  • Layout & Behaviour
    • Grid Positioning

Map Builder

  • Getting started
  • Creating a map
  • Using maps

Chart Builder

  • Getting started
  • Creating a chart
  • Using charts

Hooks

  • Getting started with hooks
  • App Hooks
    • global
    • onAppOpen
    • onAppClose
  • Table Hooks
    • customActionsTop
    • customActionsBottom
    • postQuery
    • renderDetailPanel
    • Table Column Hooks
      • render
  • Form Hooks
    • customActionsBottom
    • onRowInit
    • preFormSubmit
    • postFormSubmit
    • Form Column Hooks
      • onBlur
      • onChange
      • onClick
      • onDoubleClick
      • onFocus
      • onKeyDown
      • onKeyUp
  • Built-Ins
    • Overview
    • wpda.log
    • wpda.alert
    • wpda.confirm
    • wpda.snackbar
  • Examples
    • Display specific columns in detail panel
    • Auto-reload table at specific intervals
    • Adding SEO links to table
    • Styling fields with setColumnStyle
    • Hide empty table column
    • Replicate data entered on field into another field

Layout & Styling

  • Fonts
  • Palette
  • Layout
  • Manual Styling (CSS)

Demos

  • Classic Models
  • Student Administration System
  • Data Table

Tutorials

  • Creating a Data Table App
  • Creating a Data Management App
View Categories

Getting started with hooks

Writing hooks is a premium feature that allows developers to customize the plugin’s behavior at specific, predefined spots. Hooks can be written using vanilla JavaScript or jQuery.

Hooks are only available through the HOOKS menu tab in the Table Builder and Form Builder. Only administrators have the authorization to write hooks.

To view the list of available hooks, click the LIST OF HOOKS button at the top of the HOOKS panel. This overview is divided into three sections: app, table or form, and columns, with hooks displayed for each section.

To create a specific hook, click the plus icon next to the desired hook, which opens the code editor for that hook. Click the APPLY button directly below the code editor to activate an edited hook. Note that this action activates the hook but does not save it. To permanently save the hook, click APPLY or OK at the bottom of the screen.

Once a hook is created, two icons appear next to it:

  • Power On/Off Icon: Temporarily disable the hook without deleting it.
  • Visibility On/Off Icon: Toggle the hook’s visibility in the menu.

To permanently delete a hook, use the DELETE button below the hook. The REVERT button reverts the hook to the state of the last APPLY action.

Error Handling and Safe Mode #

Because developers are more likely to introduce bugs than features, hook execution includes thorough exception handling to prevent app crashes. However, an app may still enter a failed state where it can no longer start. In such cases, you can use the App Manager to enable safe mode, which disables all hooks, allowing you to fix any bugs.

Return Values for Hooks #

Many hooks expect a return value, which can be one of the following:

  • Template literal
  • DOM element
  • jQuery object

The App Hooks section provides an examples of all alternatives.

When creating a hook, a JavaScript template is provided. Please note that headers and footers are not editable. A placeholder indicates where you should enter your code.

Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on 2025-03-09

Submit a Comment Cancel reply

Your email address will not be published. Required fields are marked *

Table of Contents
  • Error Handling and Safe Mode
  • Return Values for Hooks
WP Data Access
  • Follow
  • Follow
Quick Links
$

Blogs

$

Tutorials

$

Demos

Get in touch
$

Premium support

$

Free support forum

$

Contact us

Resources


WordPress plugin directory



YouTube tutorials

Copyright © 2025 | All Right Reserves

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok