为了将小部件添加到详细信息页面
Posted: Tue Jun 17, 2025 3:56 am
添加小部件
子图像-4
，我们公开了VTAP.Component.Register JavaScript API 。
这将帮助您定义可添加到特定页面的按钮、小部件或图标的类型。
例如：
要在列表页面上添加按钮，请使用“ LIST_BASIC_BUTTON ”
要将小部件添加到详细信息页面，请使用“ DETAIL_SUMMARY_WIDGET ”
要查看此类钩子的完整列表，请单击此处。
要定义小部件的外观，我们需要添加一个包含所需 HTML 的 多米尼加共和国电报数据库 组件。在本例中，我们将使用 WeatherWidgetContents 组件。
在 Vtiger 中，组件是任何 UI（例如小部件、按钮等）的基础。组件的基本框架定义在这里。
00-11-50 的截图
调用我们在 API Designer 中创建的 I。
加载一些基本详细信息，如当前时间、日出和日落时间、温度和一般预报。
下载 Open Street 并在地图上显示城市。
要了解 Vtiger 组件的结构，您需要对Vue 组件有一点了解，因为我们的 VTAP 平台是建立在它之上的。
请考虑以下示例。这里我们调用get_weather API，该 API 已添加到 API Designer（在创建的函数内）。VTAP.Detail.Record () Javascript API 提供有关记录的详细信息。我们将访问联系人城市字段信息来获取天气详情。
00-12-43 的截图
获取数据后，我们使用模板中的天气数据，借助方法内部定义的组件特定函数来显示它们。
子图像-4
，我们公开了VTAP.Component.Register JavaScript API 。
这将帮助您定义可添加到特定页面的按钮、小部件或图标的类型。
例如：
要在列表页面上添加按钮，请使用“ LIST_BASIC_BUTTON ”
要将小部件添加到详细信息页面，请使用“ DETAIL_SUMMARY_WIDGET ”
要查看此类钩子的完整列表，请单击此处。
要定义小部件的外观，我们需要添加一个包含所需 HTML 的 多米尼加共和国电报数据库 组件。在本例中，我们将使用 WeatherWidgetContents 组件。
在 Vtiger 中，组件是任何 UI（例如小部件、按钮等）的基础。组件的基本框架定义在这里。
00-11-50 的截图
调用我们在 API Designer 中创建的 I。
加载一些基本详细信息，如当前时间、日出和日落时间、温度和一般预报。
下载 Open Street 并在地图上显示城市。
要了解 Vtiger 组件的结构，您需要对Vue 组件有一点了解，因为我们的 VTAP 平台是建立在它之上的。
请考虑以下示例。这里我们调用get_weather API，该 API 已添加到 API Designer（在创建的函数内）。VTAP.Detail.Record () Javascript API 提供有关记录的详细信息。我们将访问联系人城市字段信息来获取天气详情。
00-12-43 的截图
获取数据后，我们使用模板中的天气数据，借助方法内部定义的组件特定函数来显示它们。