SpreadJS强大功能已经不用多说了,法国欧洲杯激战正酣,形势分析必不可少,让我们看看用SpreadJS做出的神器吧。

示例涵盖了SpreadJS数据绑定,保护,样式,自定义单元格,条件格式,公式,事件,排序等常用功能。

3504.tmp

小组赛Sheet采用Sheet数据绑定,并通过设置cell背景图显示国旗,设置style是比分居中,同时使用条件格式设置不同的比赛状态样式。

4CB5.tmp

小组积分Sheet使用SpreadJS设计器插入表格,并绑定小组数据,国家和胜负关系两列设置绑定,其余列通过代码设置表格公式自动计算。绑定数据后代码对小组内国家排序,计算出线队伍。

在小组赛填入比分即可实时查看小组积分排名,小组积分无法分出胜负,填入胜负关系加上净胜球即可确定出现队伍。

68BB.tmp

决赛Sheet同样在SpreadJS设计器中设计,使用跨Sheet公式获取到每场比赛对应出现队伍。并在页面中设置ComboCellType,方便切换实时查看状态。页面中设置公式通过比分计算晋级队伍,比分引用决赛赛程Sheet数据。

决赛中选择实时预览,即可看到出现队伍对阵情况。

83E6.tmp

决赛赛程Sheet引用决赛Sheet中晋级单元格,做到实时更新,比分由数据源加载。

决赛赛程填入比分,轻松预测冠军归属。

以上我们简单介绍了如何使用SpreadJS制作赛程分析器,以及具体实现思路,欢迎您下载SpreadJS,以便亲自体验。

更多资源

SpreadJS中文学习指南:http://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/samples

SpreadJS在线英文产品文档:http://sphelp.grapecity.com/webhelp/SpreadJSWeb/webframe.html#welcome.html

如果您对SpreadJS产品感兴趣,可以到官方网站下载试用:/developer/spreadjs

如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.grapecity.com.cn