How do I click data in a report to jump to details?
1. Usage scenarios
The table component can be used to display information about all data in a form. Each row represents a piece of data. Sometimes, for a piece of data, we need to jump directly to its details page. This function can be implemented through a link to a table.
1.1 Specific scenario demonstration
Next, we use「Purchase order」As a table data source,「Purchase order」The table has「Purchase order number」,Purchase order number 」,「Purchase details」Three components.
Only display is set in the table「Purchase order number」,「Purchase Date」, when clicking「Purchase order number」To the details page of the data.
(1) go to the reports page and select the table component on the left. Selected「Table」, select in the right dataset「Purchase table」, column field selection「Purchase order number」,「Purchase Date」. Next, set and click「Purchase order number」You can go to the details page of the row.
(2) click「Purchase table」Copy the details of the incoming data.https://www.aliwork.com/alibaba/web/APP_PNL5L5N4ZR4476KJMIJ8/admin/pageAppEdit.html? spm=a1zhcgu.22738517.0.0.168e6ddbqfleXO#/form/receipt/FORM-VFYJ1FGV0ZYPVWL21A2GS5NWO63S2TAHLYHOKZ1/page? navUuid=FORM-VFYJ1FGV0ZYPVWL21A2GS5NWO63S2TAHLYHOKZ1&_k=nulq3h
(3) copy the link, use the question mark in the link as the dividing point, and delete the following link characters, including the question mark, as follows:
Enter the preceding section into the link.
If the link is「#/」At the end, please delete these two characters manually, otherwise it will causeAfter the configuration is completed, click open link to show that the data does not exist!
(4) in each data source, a column field is「Instance ID」, the data stored in this field is the value of formInstId. Select「Instance ID」, the corresponding parameter is changed to pid =${ pid}, and the parameter name pid is changed to formInstId. Change to formInstId =${ pid}
(5) save and set
2. Table component setting method
- Select the table component. In the table settings on the right,「Select column field」Select a column and click Edit
- Select「Link」,「Add link item」, link to select「External link (standard)」, here you can set the address to jump to the link and the parameters to be carried.
Report page settings fields
- 「Parameter」You can select some column Fields. The values of these column fields can be assigned to a variable. When the link is opened, these variables and corresponding values can be used as parameters.
Set link
The screenshot means that when you click a column in the table, it will automatically jump「https://www.baidu.com? pid=xxxx」This address, xxxx will be based on「Instance ID」The data of this column field is replaced in real time.
- 「Use condition control」, can be used to display the link address only when the data of a column meets certain conditions; For rows that do not meet the conditions, the link does not take effect by default.
3. YIDA data details address explanation
3.1 document details address
Open a document data to view the link address on the browser. Example address:
There are four parameters in this link.
- spm
- formInstId
- formUuid
- isInner
The parameter values of formUuid, spm, and isInner in the same form do not change. However, formInstId will become that each piece of data has its own unique ID. Therefore, when setting the link, we can directly set the link addresshttps://www.aliwork.com/alibaba/web/APP_VQT52M8N284S3I3VOVJY/inst/formEdit.html? spm=a1z330.11429250.0.0.2ef45a00LdAg0A&formUuid=FORM-IJUK9IEVD5HU6QQCOKW2V2AIBU2Q1RVOED7GJ3&isInner=y
The formInstId is passed as a parameter in real time.
4. Video Display
5. Try it online
6. FAQ
6.1 After configuration, click open link to display "data does not exist 」?
- Check if the end of the jump link is too much「#/」Two characters
Path:Delete> OK> Save
YIDA in order to better optimize the content and quality of YIDA user manual, it takes you 3-5 minutes to fill in the document feedback questionnaire. The document feedback questionnaire is submitted anonymously, and the questionnaire information is only used for YIDA document experience feedback collection. Thank you for your support for YIDA!
-------------------- Get the latest information YIDA, welcome to follow US--------------------
