同步操作将从 Gitee 极速下载/tooljet 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
id | title |
---|---|
adding-widget | Adding a widget |
To add a widget, navigate to the Widget manager
on the right sidebar. It will display the list of built-in widgets that can be added to the app. Use the search functionality to quickly find the widget that you want.
Let's add a table
widget to the app to show the customer data from the query that we created in the previous steps.
To add a widget, drag and drop the widget to the canvas.
The widgets can be resized and repositioned within the canvas.
To add a widget to Modal, we need to trigger Show modal action
:::info
Before triggering Show modal action
we need to add a modal widget to the canvas.
:::
modal widget
to the appWidget manager
sidebarWe can resize the column width using the resize handle of the column.
Click on the widget to open the inspect panel on right sidebar. Here you can change the properties of the widgets. Let's configure the table columns to display the customer data. The display order of columns can be changed by dragging icon near the column name.
Now we will connect the data
object of the fetch customers
query with the table. Click on the table widget to open the inspector on the right sidebar. We can see that the data property of the table has an empty array as the value. The data field, like almost every other field on the editor supports single-line javascript code within double brackets. Variable suggestions will be shown as a dropdown while you type the code in the field.
Let's select the data
object of the 'postgresql' query.
{{queries.postgresql1.data}}
Since we have already run the query in the previous step, the data will be immediately displayed in the table.
So far in this tutorial, we have connected to a PostgreSQL database and displayed the data on a table.
:::tip Read the widget reference of table here for more customizations such as server-side pagination, actions, editing data. :::
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。