PageOffice 开发者中心 PageOffice 开发者中心
首页
文档
  • 后端Java手册 (opens new window)
  • 后端.netcore手册 (opens new window)
  • 前端JavaScript手册 (opens new window)
下载
购买 (opens new window)
首页
文档
  • 后端Java手册 (opens new window)
  • 后端.netcore手册 (opens new window)
  • 前端JavaScript手册 (opens new window)
下载
购买 (opens new window)
  • 开始

  • 通用控制

    • PageOffice最简单的打开保存文件
    • 磁盘路径打开文档
    • 修改标题栏文本内容
    • 自定义工具条上添加按钮
    • 隐藏标题栏
    • 隐藏Office工具栏
    • 隐藏自定义工具栏
    • 禁止保存
    • 禁止另存为
    • 禁止打印
    • 保存后给前台返回自定义结果
    • 给SaveFilePage指向的地址传参
    • 给SaveFilePage指向的地址传参(Vue)
    • SaveFilePage获取页面Form域
    • POBrowser回调父页面的函数传值
    • 给POBrowser打开的页面传参
    • 另存文件为HTML格式
    • 另存文件为PDF格式
    • 保存数据区域数据同时保存文档
    • 文档打开后触发的事件
    • POBrowser窗口关闭前触发的事件
    • 打开保存数据库中的文件
    • WebCreateNew新建文件
    • 控制POBrowser窗口的位置
    • 打开云对象存储上的文档
    • PageOffice控件铺满整个页面
      • 加盖印章和签字功能
      • Office文档在线预览方案
      • 弹出各种样式的消息框及菜单
      • 实现POBrowser窗口内切换打开不同文件
    • Word

    • Excel

    • PDF

    • FileMaker

    • PPT

    • 更多

    目录

    PageOffice控件铺满整个页面

    # PageOffice控件铺满整个页面

    注意

    本文中展示的代码均为关键代码,复制粘贴到您的项目中,按照实际的情况,例如文档路径,用户名等做适当修改即可使用。

    在POBrowser打开文件的页面中,有时候我们希望PageOffice控件能够铺满整个页面(控件与页面四周无空隙),并且控件的尺寸能够自动适应页面尺寸的变化。由于PageOffice控件在页面中的尺寸是由它所在的div元素的尺寸来决定的,因此我们可以通过控制div元素的尺寸来实现对控件尺寸的控制。

    具体来说,我们可以使用CSS来设置div元素的尺寸,从而实现对控件的尺寸控制。下面是一个演示代码,它展示了如何使用CSS来控制div元素的尺寸。需要注意的是,这段代码并不涉及PageOffice自身的功能接口,它只是演示了如何使用CSS来实现对div元素尺寸的控制。

    如果您的页面布局比较复杂,这段代码可能无法满足您的需求。在这种情况下,您需要记住“PageOffice控件在页面中的尺寸是由它所在的div元素的尺寸来决定的”这一架构原理,根据实际的需求去调整CSS样式来控制控件尺寸即可。

    # 后端代码

    本示例无后端关键代码。

    # 前端代码

    比如加载PageOffice控件的div的id为:podiv,那么css样式如下:

    #podiv{
        position : absolute;
        width : 100%;
        height : 100%;
    }
    
    上次更新: 2023/05/26, 13:30:45
    PageOffice | Copyright © 2013-2026 卓正软件 京ICP备12010902号-2 京公网安备 11010502019270号
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式