web-form-inspector

Form inspector for GeneXus-generated web objects.

Features

• Locate HTML DOM elements by their GeneXus identifier (GXId).
• Retrieve relevant information about controls, such as MasterPage presence, value, id, component, etc.
• Supports controls inside grids and WebComponents.
• Utilities to inspect messages and grids in the form.

Installation

npm install

Build

npm run build

Usage Example

// Get information about a control by GXId
// Search for &CustomerName
const controls = gx.forminspector.elements({ctrl_gxid:'&CustomerName'})
console.log(controls);

// Search for &CustomerName at row 3
const controls = gx.forminspector.elements({ctrl_gxid:'&CustomerName', row:3})
console.log(controls);

// Search for &CustomerName at row 3 inside MyGXCmp
const controls = gx.forminspector.elements({ctrl_gxid:'&CustomerName', row:3, gxobjectWC:'MyGXCmp'})
console.log(controls);

// Get form messages
const messages = gx.inspector.messages();
console.log(messages);

// Get information about grids
// Search for Grid1
const elements = gx.inspector.grids({ctrl_gxid:'Grid1', gxobjectWC:'MyGXCmp'});
console.log(elements);

Project Structure

.
├── src/
│   └── gx_form_inspector.js
├── lib/
│   └── gx_form_inspector.js
├── package.json
├── .babelrc
├── README.md
└── LICENSE

License

This project is licensed under the Apache 2.0 License.