历史版本3 :JS实现自定义工具栏(左/中/右)位置 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

在开发设计时, Cpt报表工具栏 或 Frm-报表块工具栏 默认左对齐,用户需要实现 居中或右对齐 时,可参考本文方法实现。

Cpt效果图:

Frm效果图:

1.2 解决思路

      cpt报表: 设置报表「加载结束」事件;

frm决策报表:设置报表「初始化后」事件;

通过JS脚本实现;

setTimeout(
function() 
{
$('.x-toolbar table').css({'float':'right'}); 
}
, 10)

2. 示例(一)编辑

2.1 设计模板

GettingStarted.cpt

2.2 添加事件

模板-模板web属性-分页预览设置-为该模板单独设置-添加「加载结束时间」;

2.3 效果预览

保存,以「分页预览」打开报表:

注:移动端不支持

3. 示例(二)编辑

3.1 设计模板

FRM_报表块工具栏.frm

3.2 添加事件

模板-组件设置-body-添加「初始化后」事件;


3.3 效果预览

保存,预览报表:

注:移动端不支持!

3. 模板下载编辑

4. 注意事项编辑

工具栏「居中对齐」脚本:

setTimeout(
function() 
{
$('.x-toolbar table').css({'margin':'auto'}); 
}
, 10