应用场景 #
- 输入控件,如输入框,筛选器,多选,按钮…
- 显示组件, 文本, 图片, 视屏…
- 表格组件
如果你还不熟悉html, 建意先花几分钟看下文档, 推荐 HTML基础 实际应用中有不熟悉的组件, 你都可以通过baidu搜索到, 如时间选择器
html组件转化为smartchart组件 #
比如我们要实现一个有多选项和按钮的网页元素
从各大搜索平台上我们可以找到html的代码是:
<label><input type="checkbox">孙尚香</label>
.....
<button id='id_select0'>提交</button>
那么我们可以直接在图形编辑器写上
let dataset=__dataset__;
let table = '';
table = `<label><input type="checkbox">孙一香</label>
<label><input type="checkbox">孙二香</label>
<label><input type="checkbox">孙三香</label>`
table = table + "<button id='id_select0'>提交</button>"
dom__name__.innerHTML=table;
但是由于我们是要通过传入的数据动态变化的,所以只需要做简单修改
let dataset=__dataset__;
let table = '';
for (let i=1;i<dataset.length;i++){
table = `${table}<label><input type="checkbox"/>${dataset[i][0]}</label> `
}
table = table + "<button id='id_select__name__'>提交</button>"
dom__name__.innerHTML=table;
所有html你都可以进行转化成smartchart组件, 你可以通过学习”万能表格系列视屏“ 来了解通用组件开发 第一波 第二波 第三波