All Products
Search
Document Center

DataV:Realize the Web Page Jump

Last Updated:May 17, 2023

In this example, the Buttons widget is used to control the Page Navigation node.

Procedure

  1. Log on to the DataV console.
  2. Select a visualization application and click Edit to go to the Canvas Editor page.

  3. Add the Button widget and set the Global Style> Text Content parameter to Click-I-Jump.

  4. Right-click the widget and export it to Blueprint Editor.

  5. Drag the Buttons node in the left-side Nodes pane and the Page Navigation node in the Logical Nodes pane to the canvas.

  6. Connect components. image..png

  7. Click the page navigation logical node. In the right-side configuration panel, click the URL icon in the Other Settings section and enter the URL of the web page to which you want to redirect.

  8. (Optional) Implement the effect of bringing the parameter into the newly opened page: add a request parameters, set the parameter name to id, and set the parameter value to 0.

  9. Add a Serial Data Processing node to the line between the Buttons and Page Navigation nodes, and configure the processing method of the Serial Data Processing node. image..png

    Processing method of serial data processing node

    return { id: 'datav-hello' }
  10. Click the image..pngicon in the upper-right corner to preview the results.