SpreadJS V15.0新特性揭秘 - 打印增强:在首页/奇偶页设置不同页眉页脚
本帖最后由 AlexZ 于 2022-1-21 08:58 编辑看到这个标题这么长，就知道此次的增强不简单了~我们将会对页眉页脚做了一次“史诗级”的增强。我们先来看下在v15中带来了哪些变化。
首先是下面这些页面页脚的api，我们已经将其标记为过时。但是也不用担心，这些api也还是可以正常使用的。
取而代之的是以下的api，因此在V15中，我们更加推荐使用pageHeaderFooter去设置我们的页眉页脚。
那怎么用呢？下面就是我们的这个api的所有option。normal是配置所有页的页眉页脚，first是配置首页的页眉页脚，odd是配置奇数页的页眉页脚，even是配置偶数页的页眉页脚。将我们需要设置内容封装成一个对象传入pageHeaderFooter中，例如，我们想要所有的页面都显示同一个页眉页脚，那么我们只需要传normal这个对象。
pageHeaderFooter({
normal: {
header: {
left: '',
center: '',
right: '',
leftImage: '',
centerImage: '',
rightImage: '',
},
footer: {
left: '',
center: '',
right: '',
leftImage: '',
centerImage: '',
rightImage: '',
}
},
first: {
header: {
left: '',
center: '',
right: '',
leftImage: '',
centerImage: '',
rightImage: '',
},
footer: {
left: '',
center: '',
right: '',
leftImage: '',
centerImage: '',
rightImage: '',
}
},
odd: {
header: {
left: '',
center: '',
right: '',
leftImage: '',
centerImage: '',
rightImage: '',
},
footer: {
left: '',
center: '',
right: '',
leftImage: '',
centerImage: '',
rightImage: '',
}
},
even: {
header: {
left: '',
center: '',
right: '',
leftImage: '',
centerImage: '',
rightImage: '',
},
footer: {
left: '',
center: '',
right: '',
leftImage: '',
centerImage: '',
rightImage: '',
}
},
})
讲完了API的更新，那么我们来看下，如何通过我们设计器去设置我们的页眉页脚。（我们的设计器上，也针对打印新增了一个ribbon和打印按钮）1、如何自定义首页的页眉页脚
在页面布局中，可以看到打印标题
然后勾选首页不同
再接着选择自定制页眉或者自定制页脚即可，将需要的内容进行自定制
2、如何自定义奇偶页的页眉页脚
与上面也是类似的，我们需要勾选奇偶页不同
然后就可以进行奇偶页的配置了。
另外，我们也提供了一些快速填充的选项供大家直接选择
怎么样？是否心动了呢？是否感到非常强大？快快升级v15来体验吧~更多新的设计器UI等你来解锁~
您好，请问下13.2.3版本是否支持pageHeaderFooter这个呢，如果不支持应该使用什么来给打印的表单设置相同的表头和表尾呢 旧版本不支持pageHeaderFooter，pageHeaderFooter是V15版本的新特性。建议升级使用新版本以获得更好的用户体验。
页:
[1]