666洪 发表于 2024-3-6 15:57:25

JS4.2版本,表格如何横向显示字段值并且显示图片



表格字段为款号,款号里的值想要横向展示,并且款号对应的款号图片可以显示出来,第三行的库存,可以排序按从大到小排序,对应上方的款号和图片相应变化



Bella.Yuan 发表于 2024-3-6 16:29:59

问题描述:矩表中如何展示图片,表格组件如何横向展示内容?

问题解答:
问题一,若需展示图片,可以使用图片组件,将图片组件嵌套进对应的矩表组件的某个文本框,然后给图片组件设置图片属性就可以。

预览效果:


问题二,表格无法横向展示内容,表格组件是从上而下依次去展示对应的数据集数据,如果您需要横向展示数据,可以使用矩表组件,给矩表组件设置列分组,此时就可以横向展示。

问题三:矩表如何安库存排序,矩表的排序可以给列分组添加对应的排序规则,具体设置可以参考下图,对应的预览效果可以参考问题一的预览效果。


附件是对应的demo,您可以下载查看一下


666洪 发表于 2024-3-6 17:02:00

问题一解答的操作疑问:没有图片的来源填写

666洪 发表于 2024-3-6 17:05:05

我打开demo下载来看,提示已过期,看不了demo里面是什么样的内容,这个可以给我延期一下吗

Bella.Yuan 发表于 2024-3-6 17:19:37

666洪 发表于 2024-3-6 17:02
问题一解答的操作疑问:没有图片的来源填写

您好,图片组件的属性需要点开哦,您点开看看呢~
点开下图的红框:


点开后的效果:


我的demo是用V4.2.0制作的,看您那边是桌面设计器的授权过期了导致文件打不开,您可以使用web设计器打开我的demo查看一下。针对授权问题,这个需要您联系一下对应的商务同事。

666洪 发表于 2024-3-6 17:24:46

web设计器怎么打开呢

666洪 发表于 2024-3-6 17:28:32

排序的可以了,图片的还是不行

Bella.Yuan 发表于 2024-3-6 17:29:56

666洪 发表于 2024-3-6 17:24
web设计器怎么打开呢

您好,web设计器就是使用代码做的集成。针对web设计的集成可以参考这个链接:https://demo.grapecity.com.cn/activereportsjs/docs/GettingStarted/QuickStart

666洪 发表于 2024-3-6 17:34:02

这也太绕了,我这不知道从哪里入手这个,我点了安装,条状到第二张图,不知道要看哪个地方

Bella.Yuan 发表于 2024-3-6 17:46:53

666洪 发表于 2024-3-6 17:34
这也太绕了,我这不知道从哪里入手这个,我点了安装,条状到第二张图,不知道要看哪个地方

您好,web设计器和桌面设计器不一样,桌面设计器是打包好的一个安装程序exe直接安装就可以,但web设计器不是一个exe,web设计器需要使用代码去做集成,集成后运行项目就可以在浏览器打开web设计器,同时web设计器不需要安装,上面的链接是不同的前端框架的集成参考。
https://demo.grapecity.com.cn/activereportsjs/docs/GettingStarted/QuickStart/QuickStart-Vanilla


针对图片组件,看您截图使用了First函数,这个就是第一个值的意思,之前看您的图片数据是http的链接,所以图片来源选择外部,内容选择对应的图片字段,因为要展示所有的图片,所以肯定不需要使用First,直接使用字段名称即可。



页: [1] 2
查看完整版本: JS4.2版本,表格如何横向显示字段值并且显示图片