To execute the example, the HTML page must contain the WorkbookBox component named workbookBox (see Example of Creating the WorkbookBox Component). Create the WbkValidationTree component and display it in the dialog:
// Get workbook model
var source = workbookBox.getSource();
// Create a validation tree
validationTree = new PP.TS.Ui.WbkValidationTree({
Source: source, // Data source
// Process metadata request event
RequestMetadata: function () {
console.log("Request metadata...");
},
// Workbook service
Service: source ? source.getPPService() : null,
Class: "Item ValidationTreeList", // List of CSS classes
ShowRootFolder: True, // Enable displaying of the root folder
// Display only validation rules and groups of rules
Filter: [PP.Mb.MetabaseObjectClass.KE_CLASS_VALIDATIONFILTER, PP.Mb.MetabaseObjectClass.KE_CLASS_VALIDATIONGROUP],
Metabase: source ? source.getMetabase() : null, // Repository
// Tree root folder key
RootKey: source && source.hasRubrs() ? source.getWbkMetadata().rubrs.def.k : 0,
Width: 230,
Height: 180,
});
// Create the created tree to the dialog
var dialog = new PP.Ui.Dialog({
Caption: "Validation Tree", // Dialog title
Content: validationTree,
Width: 300, // Dialog width
Height: 250 // Dialog height
});
// Display this dialog
dialog.show();
The WbkValidationTree component is created and shown in the dialog box as the result of example execution:

As the result of processing the RequestMetadata event, on each metadata request the browser console also will show an appropriate message.
See also: