找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.Sun 活字格认证 Wyn认证
超级版主   /  发表于:2024-3-5 15:59  /   查看:2987  /  回复:0
本帖最后由 Simon.Sun 于 2024-4-2 09:41 编辑

活字格8.1支持了组件单元格,组件的出现让我们在设计一些较为复杂的,且不用组件难以实现的页面时就能够更加得心应手,比如可以用图文列表嵌套实现主子孙表一键提交、排班视图等复杂表格的展示等。并且组件可以封装复用,可以做到单元格一次设计,多处复用。组件还有很多使用场景和好处,这里就不多说了,活字格 10.0 对组件又进行了增强,使得组件更加易用,强大,一起来看看吧~~~

一、组件支持组件命令
有这样一个场景,比如创建了一个员工信息组件,里面放置了员工信息表格,使用员工信息组件时,需要能够借助列选项命令去调整表格的列。
以前的做法是,创建一个辅助属性,利用属性值变更命令去在组件内部触发列选项命令:
image.png262515258.png
使用组件时,每次触发组件里的命令,动态修改属性值就可以。
image.png54563292.png
有了组件命令后,就可以这样去做:
首先,右键组件,创建一个组件命令,组件命令设置上和模板命令和服务端命令类似,有常规、参数、返回值、命令设置。这里在命令设置里,基于组件里的表格,选择列选项命令,如下:
image.png729024963.png
有了组件命令后,在使用组件时,利用组件的操作单元格命令——调用组件命令,就可以手动触发刚才组件命令了。
image.png61753844.png
可以看出,相比于以前的触发方式,组件命令封装的更加优雅易用。
组件命令在组件内部也可以直接调用,使用调用组件命令就可以:
image.png972174377.png
上面只是一个小例子,有了组件命令后,组件的使用场景就更加丰富,格友大佬们可以尽情发挥自己的创造力啦...

二、组件属性在组件内部支持公式引用
比如说,有这样一个场景,我们想实现这样一个图表钻取的功能,先按照大区维度展示客户数量,点击大区钻取展示大区下的省份客户分布数据。
图表钻取.gif324752806.png
我们可以设计大区图表和省图表两个组件,利用动态设置组件就可以实现类似的钻取效果。在大区组件往省组件下钻时,需要将图表选择的大区传递给通过组件属性传递给省组件,然后省组件在设置表格的过滤条件时按照大区进行筛选。
以前,在公式应用的位置不能在上下文选择到组件属性,就必须在组件页面内藏一个格子,绑定组件属性,然后公式里用过单元格位置进行引用:
image.png128160704.png


现在呢,在设置值的位置,上下文中就可以选择到组件属性,通过公式直接应用,这样就方便很多,再也不用在组件页面里也藏很多格子了
image.png645336608.png

组件的属性可以通过公式引用了,同样地他也可以通过属性值绑定到单元格上,那么这两者有什么区别呢?
为了说明这二者的区别,我们来看下面这个组件。组件有个标题属性,组件内部分别通过属性值绑定和公式引用使用了该组件属性,然后在页面上使用该组件,组件标题属性引用了页面上的文本框单元格:
image.png457778014.png
1、页面上使用组件,公式类型的属性引用的属性值为空时,属性绑定为空,公式引用为 0,如下:
image.png184144286.png

2、组件属性绑定和公式引用都会随着外部引用单元格的值的变化而实时改变,如下:
组件属性值变化传递方向2.gif.gif428441771.png
3、属性绑定值的变化是双向的,公式引用值的变化是单向的,这句话要怎么理解呢?
从上述第二点可以看出,组件属性值的变化会引起组件内部使用到组件属性位置的值也发生变化,属性绑定和公式引用都是如此。反过来,在组件内部修改属性绑定的值,会影响组件属性的值,在组件内部修改公式引用值,则不会影响到组件属性的值,可以看下面例子:
组件属性值变化传递方向.gif710686034.png
可以发现,在修改了属性绑定的值后,组件属性值变化了,从而公式引用处的值也跟着改变;修改公式应用的值,由于没有实际修改组件属性值(也不会触发组件属性的值变更),所以绑定处的值没有发生变化。
4、不建议组件的属性绑定和公式引用在同一个单元格上同时使用。

三、组件右键菜单编辑命令支持选择具体的事件
组件可能同时会有多个事件,在使用组件时会给每个事件编写使用时触发的逻辑,以前有多个事件时,右键组件编辑命令,默认会进入第一个事件的编辑窗口。从右键是无法进入到其他事件的编辑窗口的。
10.0 组件在右键时,可以选择需要编辑的组件,让编辑组件的事件命令时更加方便:
image.png715338744.png







评分

参与人数 8满意度 +40 收起 理由
阿Q7 + 5
KDL + 5
钮钴禄小懒子 + 5
天朝四周处 + 5
玉轩 + 5
renho + 5
13794930121 + 5
+ 5

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部