业务组件开发
画布 Vue 组件开发脚手架 画布 React 组件开发脚手架 画布 Rax 组件开发脚手架 画布原生 JS 组件开发脚手架 Vue 组件 画布 Vue 组件开发脚手架适用于使用 Vue 技术栈开发的业务组件。开发步骤：组件开发 在 src/components 文件夹下开发此...
2.自定义组件说明
特点 了解项目结构后，可以看出自定义组件在本质上和前端组件一样，但有以下区别：基于 React 框架开发，是 React 组件。构建产物为 umd 产物，其它形式平台无法加载。通过组件上的静态属性 config 保存组件的配置。依赖和使用平台提供的 ...
分页
本文介绍分页组件的图表样式和各配置项的含义。图表样式 分页是控件组件的一种，支持自定义设置分页页码的基础设置样式和高级功能样式，可自定义选择并跳转展示多个页面内容。配置面板 搜索配置：单击 配置 面板右上角的 搜索配置，可在 ...
基本概念
基本概念 说明 自定义页面组件 对于魔笔来说，自定义页面组件就是一个react组件+配置文件。在运行时和普通的react组件使用是一样的。prop 自定义页面组件接受的props字段，是自定义页面组件和魔笔平台交互的边界。开发自定义页面组件的工作...
分页
当前/总量 分页组件中切换器的样式，可单击 图标控制当前和总量内容的显隐。显示位置：设置 当前/总量 显示内容所处的位置，可选 条居左 或 居右。边距设置：设置 当前/总量 内容距离左右两侧的边距值，单位px。文本样式：设置 当前/总量 ...
基础开发步骤
步骤一、开发react组件 开发自定义页面组件，本质上是开发一个react组件，或者说形式上是一个react组件。自定义页面组件包含桌面端组件和移动端组件，两者开发逻辑相同，区别是移动端组件只能使用 taro组件库，而不能使用fusion等其它的...
概述
IoT Studio提供了组件开发功能，便于开发者开发、发布和管理自己研发的组件，并将其发布到可视化工作台中用于可视化页面搭建。从而满足开发者的需求，提升组件丰富性，为可视化搭建提供无限可能。使用说明 组件开发功能升级中，暂停新用户...
5.数据展示和修改
组件设计时加载效果如下，我们配置上对应字段：组件运行时加载效果如下：可以看到组件正确的展示了字段数据，而且输入框组件修改字段，自定义组件也会更新，自定义组件修改字段，文本、输入框组件都会更新。设计时和运行时区分 在上面修改...
4.事件响应
与 React 组件事件回调的区别 React 组件在处理事件响应时，是直接将回调方法作为 Props 参数传递给组件，然后在组件内部调用。比如：import React from 'react';interface Props { onClick:()=>void;} export default(props:Props)=>{ ...
基本概念
集成与扩展 基本概念 说明 自定义页面组件 对于魔笔来说，自定义页面组件就是一个react组件+配置文件。在运行时和普通的react组件使用是一样的。原子组件 是指最基本的UI组件，是不可拆分的最小粒度的组件，例如文本框、按钮、下拉菜单等。...
API
React.ReactNode|undefined } 组件Props参数 返回值：boolean，true为没有，false为有。isEqual 对比两个值是否一样。定义：interface ComponentApi isEqual:(left:VALUE|AttrMeta,right:VALUE|AttrMeta)=>boolean;} 参数：字段 类型 含义 ...
自定义菜单API
} interface IOption { element:IBiComponentConstructor|React.ComponentType } element element 的类型为React 组件 React.ComponentType。例子 import { createBIComponent } from 'bi-open-menu-sdk' const MyComponent=(props)=><div>...
3.添加属性
本文介绍如何给自定义组件添加属性。组件的属性 当我们在搭建页面使用系统组件时，每个组件会有属性、样式、事件等等设置。以文本组件为例，如下：我们把所有这些可以设置的内容称为组件的属性。属性对应到组件的实现，就是组件的 Props ...
开发和管理自定义页面
JS API 在 开发React组件 时，您可以使用以下JS API。API列表 序号 API 使用说明 1 utils.my.alert()显示警告弹窗 2 utils.my.confirm()显示弹窗 3 utils.my.error()显示错误信息 4 utils.my.loading()显示加载信息 5 utils.my.success()...
radio
[{name:'angular',value:'AngularJS'},{name:'react',value:'React',checked:true},{name:'polymer',value:'Polymer'},{name:'vue',value:'Vue.js'},{name:'ember',value:'Ember.js'},{name:'backbone',value:'Backbone.js'},]},...
checkbox
{ items:[{ name:'angular',value:'AngularJS' },{ name:'react',value:'React',checked:true },{ name:'polymer',value:'Polymer' },{ name:'vue',value:'Vue.js' },{ name:'ember',value:'Ember.js' },{ name:'backbone',value:'Backbone...
基本概念
const CustomComponent={ bootstrap:(props)=>{},mount:(props)=>{},unmount:(props)=>{},update:(props)=>{},} 说明 在大多数情况下，您无需关心自定义组件的生命周期，bi-open-sdk 和 bi-open-react-sdk 提供了创建自定义组件的 ...
本地开发测试
步骤一：开发属性文件specs 组件能力描述内容，主要集中在项目文件的 src/specs/specs.js 文件中，用于开发组件的属性、服务和事件功能。详细说明请参见 组件能力描述。在项目文件中，找到并打开 specs.js 文件，可查看初始化组件配置及...
魔笔开发中，组件开发使用的是哪些技术栈？
问题描述 魔笔开发中，组件开发使用的是哪些...用魔笔开发自定义组件需要上手react，有什么推荐的学习资料吗？解决方案 如果不了解react，建议先查看官网的文档 react，对于pc组件，这里使用的是 Alibaba Fusion Design，详细信息可查看文档。
功能点示例
说明 由于 Quick BI 在进入页面时会立即执行自定义组件的 meta.js，为了保证仪表板首屏加载速度，请不要在 meta.js 内引入过多的第三方库，以确保 meta.js 编译后的体积足够小。缓存DOM节点 从DOM检索节点或节点列表时，需要考虑是否可以在...
接口
组件数据源选择为接口时，可将接口返回结果设置为组件展示的数据。目前支持的接口来源有数据服务API、自定义接口、业务逻辑开发、产品与物的管理。本文介绍接口数据源的参数配置。前提条件 已在配置组件数据源时，选择数据源为 接口。说明 ...
自定义组件API
} 示例如下：class MyComponent { mount(props:LifecycleProps){.}/props 是 LifecycleProps 类型 update(props:LifecycleProps){.} unmount(props:LifecycleProps){.} } const MyReactComponent:React.FC<LifecycleProps>=(props)=><div>....
输入框（Input）
ref React.Ref 否-用于操作表单的实例，有 focus 和 blur 两个方法 id string 否-表单元素 id name string 否-表单元素 name disabled boolean 否 false 是否禁用 mode 'noraml'|'form' 否 normal 配合 Form/FormItem 组件使用时，...
完整示例：开发一个echarts图表
webpack.config.js externals:{ lodash:'_',react:'React','react-dom':'ReactDOM',moment:'moment',echarts:'echarts',/新增一项 },npm安装：通过 npm 或者 yarn 安装。yarn add echarts 在组件管理列表中，找到目标组件并单击 调试 图标...
概述
关于如何基于React开发自定义页面组件，详细操作请参见 1.快速开始（移动端自定义组件请参考 开发流程）。自定义逻辑流操作 自定义逻辑流操作包括：自定义前端逻辑流操作：基于JavaScript编写，运行在浏览器，可以实现动态页面交互、处理...
版本变更记录
例如配置react、vue、echarts等三方库的CDN地址，优化组件加载性能。新增自定义组件卡片菜单配置，新增定制菜单按钮。新增快速本地调试功能。在仪表板编辑页URL上增加&useCompoment=local 参数，在菜单栏上的自定义组件 Tooltips 会增加 ...
应用场景说明
示例代码：class TestComponent extends React.Component { constructor(props){ super(props);} componentDidMount(){ pageStart('TestComponent');} componentDidUpdate(prevProps,prevState){ pageUpdate('TestComponent');} ...
7.数据加载
本文介绍自定义组件如何加载数据。系统组件的数据加载能力 让我们先看下数据容器组件 Data、List 的数据加载能力。首先，我们模拟一个简单的页面，展示数据加载的效果。数据模型：创建3个实体模型，实体1、实体2、实体3。页面模型：使用 ...
如何使用Prometheus监控Windows
如果使用这些非分页池内存的组件出现问题可能会对系统造成致命影响。例如，使用非分页池的驱动程序中的内存泄露可能会导致系统完全挂死，因为用户模式进程的内存要求被转储到磁盘。页错误（次/秒）Critical WMI（PageFaultsPersec）当进程...
如何使用Prometheus监控Windows
如果使用这些非分页池内存的组件出现问题可能会对系统造成致命影响。例如，使用非分页池的驱动程序中的内存泄漏可能会导致系统完全挂死，因为用户模式进程的内存要求被转储到磁盘。页错误（次/秒）Critical WMI（PageFaultsPersec）当进程...
使用Hologres实现分页
Hologres支持为实时报表等场景提供分页能力，本文为您介绍几种常见的分页实践，您可以根据业务需求选择合适的方案，以达到更佳的查询性能。分页决策树 分页SQL命令语法如下。SELECT.FROM.ORDER BY key LIMIT N OFFSET S SQL实现原理：对于...
Quick BI中明细表的分页不生效
问题描述 Quick BI中明细表的分页不生效，查看这个明细表时，设置的全是维度，但是分页不生效，查看其他页都是第一页的显示。问题原因 分页是数据库执行的结果，具体要看数据库的表现，数据库这个limit不排序的情况下不起作用，所以要加上...
Quick BI使用新交叉表分页数据展示变慢
概述 本文主要讲述Quick BI使用旧交叉表，切换到新交叉表，使用分页展示功能发现数据展示变慢。详细信息 数据分页展示变慢是因为新交叉表和旧交叉表的处理逻辑不一样。新交叉表每次分页都会进行重新查询，旧交叉表不会再次查询，所以在点击...
集成组件库开发说明
Redis 配置Redis输出组件 ArgoDB 配置ArgoDB输出组件 转换组件 组件名称 组件配置 字段选择 配置字段选择转换组件 字段计算 配置字段计算转换组件 过滤转换 配置过滤转换组件 加密转换 配置加密转换组件 解密转换 配置解密转换组件 流程...
集成组件库开发说明
Greenplum 配置Greenplum输出组件 转换组件 组件名称 组件配置 字段选择 配置字段选择转换组件 字段计算 配置字段计算转换组件 过滤转换 配置过滤转换组件 加密转换 配置加密转换组件 解密转换 配置解密转换组件 流程组件 组件名称 组件...
分页（2.0版）
本文介绍如何实现查询分页。语法 select.order by.limit m,n 注意事项 查询语句中必须带有 ORDER BY 子句。AnalyticDB for MySQL 2.0的分页兼容MySQL，即 limit m,n m 从0开始。
三方组件
版本 支持的三方组件功能 旗舰版 默认开通三方组件，包括：变配电组件、污水处理组件、智慧供水组件、空调暖通组件、智慧温室的相关组件。支持发布三方组件。企业版 体验版 默认开通三方组件，包括：变配电组件、污水处理组件、智慧供水...
发布与使用组件包
本文介绍如何发布组件包到市场，实现个人开发组件的共享和使用。前提条件 已完成组件包的编辑。详细内容请参见 编辑组件包。发布 登录 物联网应用开发控制台，在页面左上角选择对应实例后，在左侧导航栏单击 应用开发。在 应用开发 页面的 ...
管理组件包
通过组件包管理功能，您可以将开发完成的组件上传至组件包中进行管理，并对特定人员进行授权，实现组件共享。新建组件包 登录 DataV控制台。在 工作台 页面，单击 组件开发 模块下的 组件包。在 组件包开发 页面，单击 新建组件包。在 新建...
组件操作
组件操作使用说明。...编辑自定义组件 跳转到自定义组件工作台，修改自定义组件模板 解除绑定 解除自定义组件实例和模板的关系，实例成为一个成组组件 复制组件样式 复制组件的样式内容 粘贴组件样式 粘贴复用组件的样式内容
- 产品推荐
- 这些文档可能帮助您