Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Expand
title效果图

DEMO

上述效果图DEMO源码

六、自定义组件

非基本控件即视为自定义组件,提供 value 和 setValue 处理数据

Code Block
languagejs
collapsetrue
// 自定义组件渲染
<Widget
    type={type}
    value={currentValue}
    setValue={(v: any) => {
        this.store.updateConfig(v, boxName, index);
    }}
/>;
 
// 插件 demo
// json 配置
{
    "name": "自定义组件",
    "type": "bi.test.widget",
    "defaultValue": "1"
}
// 自定义组件实现,插件中实现,需要单独注入到 subjectPage
// bi.test.widget
render() {
    const { value, setValue } = this.options;
 
    return (
        <TextValueCombo
            simple
            value={value}
            height={24}
            items={[
                {
                    text: '选项1',
                    value: '1',
                },
                {
                    text: '选项2',
                    value: '2',
                },
            ]}
            listeners={[
                {
                    eventName: TextValueCombo.EVENT_CHANGE,
                    action: v => {
                        setValue(v);
                    },
                },
            ]}
        />
    );
}

...