DataV:use-global-variables

Prerequisites

• You have logged on to the DataV console.

• Entered Canvas Editor

• Created two global variables var_1 and var_2

Pass as static value

1. On the Canvas Editor page, click the Global Variables tab.

2. Click var_1 Variable and set Source to Static Value.

3. Modify the content of the initial value to hello.

4. Refresh the icon next to Data Response Result.

5. After the system responds, check that the response result is modified content: hello.

Passing asynchronous values as variable references

1. On the Canvas Editor page, click the Global Variables tab.

2. Click var_1 Variable and change the initial value to datav-hello.

3. Click var_2 Variable and set Source to Data Source Request.

   • If you select API as the data type, use the following procedure.

     1. Set Request Method to GET and Input URL to https://datav.com/:var_1.

        Note

        This is a sample URL for demonstration purposes and is not accessible. Replace it with your actual URL.

     2. Use the F12 function keys on the keyboard to open the call panel.

     3. Switch to the Network tab.

     4. Refresh the icon next to Data Response Result.

     5. Check the Name field on the Network tab again to check whether the Request URL on the Headers tab on the right is a multiple interface.

     6. Check the query > api result of the current interface Payload tab for the set value of the var_1 variable.

   • If you set the Data Type parameter to Compatible with MySQL Database, perform the following steps:

     1. Select Existing Data Source. You can also recreate a data source. For more information, see Data source management.

     2. Enter the following SQL expression.

        select var_1 as value

     3. Refresh the icon next to Data Response Result to view the response results.

Pass as an interaction event parameter

1. In the upper-right corner of the Canvas Editor page, click Quick Search.

2. Enter Button and Title to add two widgets to the canvas.

3. Select the Button widget and click the Advanced tab in the right-side Settings panel.

4. Turn on the On Button switch in the Interaction Events section.

5. Select the Global Variable var_1 under the Update to Variable field.

6. Go to the Blueprint Editor page. The global variable and the Button component are automatically connected by a dotted line, showing the reference relationship between them.

   Note

   When you remove a global variable reference, the corresponding dotted line in the blueprint is automatically deleted.

   

7. In the left-side navigation pane, click the Layer Nodes tab. Drag and drop General Title to the blueprint.

8. The global variable var_2 is connected to the generic header by a solid line.

   Note

   Solid lines can be deleted, but dashed lines cannot.

9. You can add logical nodes and logical combinations to process the obtained data.

Filter Reference

1. In the upper-right corner of the Canvas Editor page, click Quick Search.

2. Enter Button and Title to add two widgets to the canvas. Repeat the operation to get the button and generic title components again.

3. Click the Button widget and change the widget names to getLocalValue and getCallbackValue Value.

4. Click the Common Title widget and change the widget names to Common Title -1 and Common Title -2.

5. Click the Global Variables tab and add two global variables named name and test. and set the static values separately.

   • name variable

     [
       {
         "value": "The name variable is obtained. "
       }
     ]

   • test variable

     [
       {
         "value": "The test variable is obtained. "
       }
     ]

6. Set the text content of the two buttons to Get test by getLocalValue and Get name by getCallBackValue.

7. Click the icon in the upper-left corner to go to Blueprint Editor.

8. Connect components.

9. Add a filter and set the processing method of the Serial Data Processing node.

   • getLocalValue

     return getLocalValue('test');

   • getCallbackValue

     return getCallbackValue('name');

10. Click Preview in the upper-right corner of the page to view the details of data retrieval.

FAQ

Q: Why can't I obtain the return value after configuring global variables on the canvas editing page?

A: The canvas editing page cannot trigger events or obtain return values, which causes the request to fail. You can view the callback value by using one of the following methods:

• Preview the project. View the callback value in the URL, or click the Network tab in the browser console and obtain the value in the response.

• Edit the project. Add test parameters next to the URL of the visual application to test the data.

  https://datav.aliyun.com/v/editor/216? parameter name=parameter value