反馈已提交

网络繁忙

工具栏接口

  • 文档创建者:RosieY
  • 历史版本:12
  • 最近更新:RosieY 于 2022-11-30
  • 版本

    版本功能变动
    11.0

    和 10.0 区别:

    • 获取按钮接口参数有变化,11.0 使用按钮名称

    • 新增 toolBarFloat 、setStyle 接口

    注1:工具栏所有接口在普通报表中使用时,要求报表中只有一个工具栏,即顶部工具栏或底部工具栏只存在一个。

    注2:以下接口不支持在 FVS 大屏模板中使用。

    getWidgetByName

    方法getWidgetByName(name)获取报表工具栏中的按钮,可结合按钮的方法使用
         参数name: string

    按钮名称,字符串,以下为常用按钮的名称

    • submit:提交按钮

    • verify:数据检验

    • first:首页

    • previous:上一页

    • next:下一页

    •  last:末页

    • flashprint:打印(客户端)

    • email:邮件

    • PDF:pdf

    • pagenavi :当前页/总页数

    • stash:暂存

    • clear:清空

       返回值按钮对象
    object
         示例

    示例1:若获取到的工具栏对象定义为 toolbar ,获取工具栏中的邮件按钮

    toolbar.getWidgetByName("email");

    示例2:普通报表中获取工具栏中邮件按钮

    _g().getToolbar().getWidgetByName("email");
      应用示例

    填报成功后,工具栏隐藏「邮件」和「打印」按钮:

    点击可下载模板:工具栏按钮不可见.cpt

    2021-09-01_14-01-01.gif

       移动端不支持移动端

    toolBarFloat

    方法toolBarFloat(direction)设置工具栏显示位置
         参数direction: string

    显示方式,字符串

    • left:居左显示

    • right:居右显示

    • center:居中显示

       返回值void
         示例

    示例1:若获取到的工具栏对象定义为 toolbar ,设置工具栏居中显示

    toolbar.toolBarFloat('center');

    示例2:普通报表中设置工具栏居中显示

    _g().getToolbar().toolBarFloat('center');
      应用示例

    普通报表中设置工具栏居中显示:

    点击可下载模板:工具栏居中显示.cpt

       移动端不支持移动端

    setStyle

    方法setStyle(style)修改工具栏大小
         参数style:

    {

        width: number,

        height: number

    }

    工具栏大小,json 格式

    • width: 工具栏长度

    • height: 工具栏高度

       返回值void
         示例

    示例1:若获取到的工具栏对象定义为 toolbar ,修改工具栏大小为长 900,高 60

    toolbar.setStyle({
        width: 900,
        height: 60
    });

    示例2:普通报表中修改工具栏大小为长 900,高 60

    _g().getToolbar().setStyle({
        width: 900,
        height: 60
    });
      应用示例

    普通报表中设置工具栏长 900,高 60:

    点击可下载模板:修改工具栏大小.cpt

       移动端不支持移动端

    setVisible

    方法setVisible(visbility)设置工具栏显示/隐藏
         参数

    visbility: boolean

    工具栏是否显示,布尔型

    • true: 工具栏显示

    • false: 工具栏隐藏

       返回值void
         示例

    示例1:若获取到的工具栏对象定义为 toolbar ,隐藏工具栏

    toolbar.setVisible(false);

    示例2:普通报表中隐藏报表的工具栏

    _g().getToolbar().setVisible(false);
      应用示例

    普通报表中设置隐藏报表的工具栏:

    点击可下载模板:隐藏工具栏.cpt

       移动端支持移动端


    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭