xinglie / report-designer

⚡打印设计、可视化、标签打印、编辑器、设计器、数据分析、报表设计、组件化、表单设计、h5页面、调查问卷、pdf生成、流程图、试卷、SVG、图形元素、物联网、标签纸
https://xinglie.github.io/report-designer/
902 stars 232 forks source link

预设值与动态绑定 #79

Open xinglie opened 4 months ago

xinglie commented 4 months ago

预设值

预设值用于设计区的设计预览及展示固定不变化的内容

文本条形码等,即需要显示一些固定不变化的值,同时也需要跟据外部或接口的数据进行动态展示。

因此像此类元素会设计成即支持固定值的输入也支持绑定数据进行动态替换。

其中在设计区中输入的固定不变的值即为预设值

动态值

通过绑定数据或其它方式进行动态替换变化的值

设计器中自带的元素均支持数据的动态绑定,所有属性均支持数据绑定。

在面向使用者时,目前仅对少量元素的属性支持数据绑定,但在程序设计上是所有的均支持。

优先级

当同一个元素即有预设值和数据绑定时,数据绑定的优先级高

动态值绑定组件

数据组件目前有以下2类的数据绑定

image

该数据绑定组件为顺序绑定,只可对绑定数据进行排序。

常用于元素只绑定一个值(如文本)及多值按顺序(如折线图)

image

该数据绑定为固定绑定,只有放在相应位置的数据对相应的数据属性生效

常用于一个元素有多个数据绑定,且可以对部分属性进行数据绑定