本帖最后由 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等你来解锁~
|
|
陕公网安备：61019002000258 |
隐私政策 |
网站地图