render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 registerWidgetActionAndEvent init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData 组件在

查看更多 →

render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 registerWidgetActionAndEvent init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData 组件在

查看更多 →

{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的 CSS 样式。AstroCanvas的组件未进行打包编译， CS S样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate

查看更多 →

{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，需要在服务端提前渲染的部分，可以写在此文件中，相当于HTML文件，负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"

查看更多 →

{widget}.css 文件介绍 {widget}.css为组件的样式文件，在该文件中编写组件的CSS样式。AstroCanvas的组件未进行打包编译，CSS样式可能存在互相影响的风险。因为，CSS选择器务必要加上组件id，通过组件id减少互相影响的可能。 文件示例 #EchartsWidgetTemplate

查看更多 →

{widget}.ftl 文件介绍 {widget}.html为组件DOM结构文件，需要在服务端提前渲染的部分，可以写在此文件中，相当于HTML文件，负责样式展示。 文件示例 <div id="EchartsWidgetTemplate" v-cloak> <div ref="echartsDom"

查看更多 →

ot和svg。 多个Widget样式可以抽取为单独库文件，独立库文件可以方便进行整体样式主题的切换。缺点是Widget的运行，需要对这个库文件产生依赖。 如果Widget比较独立，也可以将样式文件定义到Widget作用域的css中。 响应式设计 Widget需要支持响应式设计，页面需要在多屏下，进行充分测试验证。

查看更多 →

{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解

查看更多 →

{widget}.editor.js 文件介绍及示例 eventConfig classfication propertiesConfig 父主题： 目录文件详解

查看更多 →

通过配置Widget多语言，实现Widget在不同语种环境下都可正常显示。单击下载链接，获取样例包“widget_demo_i18n.zip”。 操作步骤 参考在线开发高级组件中操作，下载“widgetVueTemplate”模板，新建Widget（示例开发包为“widget_demo_i18n

查看更多 →

使用说明 通过配置Widget多语言，实现Widget在不同语种环境下都可正常显示。单击下载链接，获取样例包“widget_demo_i18n.zip”。 操作步骤 参考1中操作，模板选择“widgetVueTemplate”新建Widget（示例开发包为“widget_demo_i18n

查看更多 →

} } } 服务实例创建失败 服务实例创建后，会根据服务实例最新操作信息接口查询进展，返回创建失败state为falied，则提示如下。 服务实例创建成功 服务实例创建成功后，会根据服务实例最新操作信息接口查询进展，进展完成state为succeeded，则展示服务实例信息接口展示创建成功信息，成功页面主要根据

查看更多 →

AstroCanvas中的Widget分为以下两种： 系统预置Widget 系统预置Widget是系统已定义好的Widget，可直接拖拽到开发页面使用。更多关于预置组件的介绍，请参见组件介绍。 自定义Widget 自定义Widget是租户根据需要自行开发的Widget，通常开发过程是选择

查看更多 →

AstroCanvas中的Widget分为以下两种： 系统预置Widget 系统预置Widget是系统已定义好的Widget，可直接拖拽到开发页面使用。更多关于预置组件的介绍，请参见组件介绍。 自定义Widget 自定义Widget是租户根据需要自行开发的Widget，通常开发过程是选择

查看更多 →

简单列表（一个posting list）。 多列GIN索引通过在组合值（列号，键值）上建立一个单个的B-tree实现。不同列的键值可以有不同的类型。 GIN快速更新技术 由于倒排索引的本身特性影响，更新一个GIN索引可能会比较慢。插入或更新一个堆行可能导致许多往索引的插入。当对表

查看更多 →

简单列表（一个posting list）。 多列GIN索引通过在组合值（列号，键值）上建立一个单个的B-tree实现。不同列的键值可以有不同的类型。 GIN快速更新技术 由于倒排索引的本身特性影响，更新一个GIN索引可能会比较慢。插入或更新一个堆行可能导致许多往索引的插入。当对表

查看更多 →

事件和动作都是Widget的配置属性，用于实现Widget之间的交互。例如，单击某个Widget内的按钮，另外一个Widget需要进行数据更新操作，或者是需要跳转到同个App下的其他页面，这时需要通过事件和动作的机制来实现。单击按钮是触发一个事件，该Widget需要选用“wid

查看更多 →

关于API的详细介绍，请参见《高级页面和Astro大屏应用中预置的API > 组件实例预置API》。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}.hideWidget(); 父主题： 交互设置

查看更多 →

关于API的详细介绍，请参见《高级页面和Astro大屏应用中预置的API > 组件实例预置API》。 // 显示组件 {widget2}.showWidget(); // 隐藏组件 {widget2}.hideWidget(); 父主题： 交互设置

查看更多 →

”是在地图上显示电梯设备的实时位置，本节我们将采用高级页面实现。 “设备监控”高级页面由地图组件和监控组件（CaseMapControllerWidget.zip）拼装而成，地图widget负责显示地图，监控widget负责根据电梯的经纬度坐标，将其显示在地图上，显示设备的页面构想如下图所示。

查看更多 →

事件和动作都是Widget的配置属性，用于实现Widget之间的交互。例如，单击某个Widget内的按钮，另外一个Widget需要进行数据更新操作，或者是需要跳转到同个App下的其他页面，这时需要通过事件和动作的机制来实现。单击按钮是触发一个事件，该Widget需要选用“wid

查看更多 →