配置项修改触发事件的回调函数，当前仅支持change事件。 入参vm说明 组件配置项中的disabled、showFunc和events中，都具有入参vm，vm为组件的Widget实例。 配置示例 通用配置示例如下，设置后效果如图1所示。 { type: 'slider', value: 5,

查看更多 →

在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。 图2 Widget包目录结构 为了便于描述，对于名称不固定的手册，统一采用“{widget}”来命名。 i18n

查看更多 →

在模板详情页，单击“下载”，将模板下载到本地。 认识Widget包目录结构 解压下载到本地的组件Widget包，认识组件结构。如解压EchartsWidgetTemplate组件包，其目录结构如图2所示。 图2 Widget包目录结构 为了便于描述，对于名称不固定的手册，统一采用“{widget}”来命名。 i18n

查看更多 →

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

查看更多 →

母开头。 分类 库所属分类。 库类型 上传库所属的类型。 发行说明 请根据实际需求，输入库的描述信息。 取值范围：1~255个字符。 在组件中引用库。以自定义组件（widget_demo_mintui）为例，在该组件引用第三方库，单击widget_demo_mintui.zip获取该组件包。

查看更多 →

目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍

查看更多 →

目录文件详解 i18n.json packageinfo.json {widget}.css {widget}.editor.js {widget}.ftl {widget}.js 父主题： 代码结构介绍

查看更多 →

分类 库所属分类。 库类型 上传库所属的类型。 发行说明 发布描述信息。 在组件中引用库。以自定义组件（widget_demo_mintui）为例，在该组件引用第三方库，单击widget_demo_mintui.zip获取该组件包。 在组件Widget包的“packageinfo

查看更多 →

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

查看更多 →

utton> </div> 在高级页面组件包的widget_demo_mintui.js/render方法中，新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui", elem)[0],

查看更多 →

</div> 在高级页面组件包的widget_demo_mintui.js/render方法中，新增Vue实例。 更多关于Vue的使用，可参考Vue官网。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"

查看更多 →

根据需要修改解压后的“Navigator_Widget.css”文件（本场景不需要修改）。 “Navigator_Widget.css”文件是Widget的样式文件，在该文件中编写Widget的css样式。 #navigator_widget { font-size: 20px;

查看更多 →

根据需要修改解压后的“Navigator_Widget.css”文件（本场景不需要修改）。 “Navigator_Widget.css”文件是Widget的样式文件，在该文件中编写Widget的css样式。 #navigator_widget { font-size: 20px;

查看更多 →

过桥接器的变量名称获取桥接器实例，其中“APIConnector”类型为String，表示桥接器的变量名称。 ConnectorIns.process(renderCbk, errCbk)：通过桥接器实例调用process函数，主要作用为发起调用服务的请求和处理返回结果信息。 在

查看更多 →

过桥接器的变量名称获取桥接器实例，其中“APIConnector”类型为String，表示桥接器的变量名称。 ConnectorIns.process(renderCbk, errCbk)：通过桥接器实例调用process函数，主要作用为发起调用服务的请求和处理返回结果信息。 在

查看更多 →

设置完成后，单击页面上方的，保存设置。 使用宏 宏创建完成后，可在开发Widget时使用该变量。 例如，在编辑某页面Widget时，将页面属性“Text Property”设置为“${sm.macro1}”，左侧该Widget“Text Property”属性值展示为“hello world”，即成功使用宏。

查看更多 →

库），则Widget不能正常运行。因此在加载widget前，需要先加载必要的Library。 在操作前端页面时，经常会需要调用后台数据，例如即将开发的登录页面，需要获取业务用户信息。这时需要通过桥接器调用后台的服务编排、Script等获取后台数据。因此，在引用widget时，经常需要配置桥接器。

查看更多 →

库），则Widget不能正常运行。因此在加载widget前，需要先加载必要的Library。 在操作前端页面时，经常会需要调用后台数据，例如即将开发的登录页面，需要获取业务用户信息。这时需要通过桥接器调用后台的服务编排、Script等获取后台数据。因此，在引用widget时，经常需要配置桥接器。

查看更多 →

m）和管理页（deploy）三个高级页面。 4、适配器Widget创建 分别创建四个widget组件，为了避免组件名称冲突，建议命名规范为：适配器_页面名_Widget（如：ROMAConnect_Config_Widget），然后在左侧菜单栏的“资产”中单击“组件”，提交新组件（具体开发参考平台相关规范）。

查看更多 →

场景的集合，在项目中可以创建多个页面。 组件 组件（即Widget）是可复用的大屏或移动端页面组成元素，一个大屏或移动端页面由一个或多个Widget拼装而成。如果将一个大屏或移动端页面看成拼图游戏的完整图案，那么Widget相当于拼图的每一小块。 数据中心 数据中心用于对数据源进

查看更多 →

及相应描述。相应代码要在{widget}.js中实现如下： emitSelectItem(itemVal) { widgetInst.triggerEvent("selectItem", { itemVal }); }, 父主题： {widget}.editor.js

查看更多 →