找回密码
 立即注册

QQ登录

只需一步,快速开始

fqelven

金牌服务用户

42

主题

166

帖子

574

积分

金牌服务用户

积分
574
fqelven
金牌服务用户   /  发表于:2022-12-7 08:10  /   查看:1849  /  回复:5
50金币
有个需求是这样的,页面上有一个图文列表,图文列表模板中放置一个组件,组件中有一个根据组件传入参数过滤的表格和一个Echart(JS自定义)。

想实现的需求就是根据每个组件传入的参数(比如是一个员工ID),对表格进行过滤,然后在组件的“页面加载命令”中使用js去初始化echart。比如类似下面的代码:
var myChart1=echarts.init($('[fgcname="chart1"]')[0]);
var listview=Forguncy.Page.getListView("表格2");
for(var r=0;r<listview.getRowCount();r++){       
。。。
}
js代码中还需要去循环表格并且拼接出echart所需要的JSON数据源。


现在的问题是同一个页面上如果图文列表循环了10个员工,那就会有10个同名(fgcname相同)的的"chart1",同时也会有个10个同名的"表格2"。无法正确获取数据。不知道应该怎么写图文列表包含的组件中的echart 初始化代码。

最佳答案

查看完整内容

问题已解决,原来是在组件的“页面加载命令”中去写代码创建该组件对应的echart图表。后来改变思路,直接在页面上写js,循环图文列表对应的表格,然后通过“var myChart11=echarts.init($('[fgcname="chart11"]')[INDEX]);”来依次创建图文列表每个项目中的echart图表并设置数据(数据循环也在页面上进行)。

5 个回复

倒序浏览
最佳答案
最佳答案
fqelven
金牌服务用户   /  发表于:2022-12-7 08:10:14
来自 3#
问题已解决,原来是在组件的“页面加载命令”中去写代码创建该组件对应的echart图表。后来改变思路,直接在页面上写js,循环图文列表对应的表格,然后通过“var myChart11=echarts.init($('[fgcname="chart11"]')[INDEX]);”来依次创建图文列表每个项目中的echart图表并设置数据(数据循环也在页面上进行)。
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2022-12-7 10:02:40
2#
能先做一个简单的示例demo吗?
回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2022-12-7 15:50:11
4#
fqelven 发表于 2022-12-7 15:15
问题已解决,原来是在组件的“页面加载命令”中去写代码创建该组件对应的echart图表。后来改变思路,直接在 ...

回复 使用道具 举报
lovert
银牌会员   /  发表于:2022-12-7 16:02:51
5#
本帖最后由 lovert 于 2022-12-7 16:28 编辑

用组件实现的Echarts仪表盘
https://gcdn.grapecity.com.cn/fo ... 54264&fromuid=54697
仔细看教程里有个我做的插件,用来获取占位单元格id的,用这个id就不会冲突了

其实这个问题我之前已经提bug了,新版本还没解决

[F-11627]8.0update组件应用存在的一些问题
https://gcdn.grapecity.com.cn/fo ... 9&fromuid=54697



回复 使用道具 举报
David.Zhong讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2022-12-7 16:35:55
6#
感谢大佬的反馈,活字格也会越来越好的~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部