ReportSheet之自定义工具栏

登录

背景：
对于数据量较大的报表，由于行数较多，在预览时往往存在阅读不便的情况。针对于此，ReportSheet其实也提供了分页的能力，结合分页设置“打印重复行”，可方便查看数据。

客户基于自己的业务需求，希望可以在预览页面工具栏添加冻结行列的功能，以便用户可以灵活的选择阅读方式。

思路：
Designer提供了强大的自定制能力，可以在工具栏增加/修改/删除功能项。由于Designer工具栏已经提供了冻结行列的功能项，直接将冻结行列复制到预览页面的工具栏处是最便捷的方式。

主要代码如下：

var config = JSON.parse(JSON.stringify(GC.Spread.Sheets.Designer.DefaultConfig));
let basicMenu = {
label: '常用操作',
thumbnailClass: 'Frequently used operations',
commandGroup: {
children: [
{
command: "viewportFreezePanes",
type: "dropdown",
children: [
"freezePanes",
"freezeTopRow",
"freezeFirstColumn",
"freezeBottomRow",
"freezeLastColumn"
]
},
{
commands: ['unfreezePanes']
}
],
},
};
config.ribbon[21].buttonGroups.push(basicMenu);
var designer = new GC.Spread.Sheets.Designer.Designer(document.getElementById("gc-designer-container"), config);

复制代码

来看下实现效果：

完整代码请参考附件demo。

		自动登录	找回密码
密码			立即注册

ReportSheet之自定义工具栏

本帖子中包含更多资源

0 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人