格式插件文档

【仅供内部供应商使用,不提供对外解答和培训】

【仅供内部供应商使用,不提供对外解答和培训】

移动端不同于PC端,访问一个报表的时候先生成一个html文件,再让浏览器执行html里面的JavaScript代码去获取和加载新的页内容。移动端采用最小数据传输原则,仅返回JSON格式的字符串。

__device__的可选类型包括:iPhone,iPad,android,androidPad,PC

报表的结果页面用JSON格式输出,然后再在各自的客户端做解析和渲染。不管是iOS还是android,后台输出部分是一样的,客户端根据拿到的JSON对象,再具体的解析成展现页眉页脚、悬浮元素、格子等的元素。

目前参数界面输出的JSON的格式为:

通用

(控件共有的属性)

type

控件类型

text --> 文本框

label –> 标签

button --> 按钮

combo --> 下拉框

tagcombocheckbox --> 下拉复选框控件

datetime --> 日期控件

textarea --> 文本域

checkboxgroup –> 复选框组

radiogroup --> 单选按钮组

number --> 数字控件

treecombobox --> 下拉树

password –> 密码

checkbox --> 复选框

tree --> 视图树

对象,数据字典返回值.

data: value 属性有值时返回数据对象 { text: 显示值, value: 实际值 }, 否则不返回

value: 默认值,与控件的 value 值一致

text

button

(自定义button)

freebutton

默认为 false. 值为 true时,控件的 type属性为 "freebutton"

icon

button: 字符串

freebutton: 对象, background 属性为图片 url

combo

见通用下拉框

tagcombocheckbox

datetime

number

默认为空

radiogroup

对象,数据字典返回值.

data:数据对象 { text: 显示值, value: 实际值 }

value: 默认值,与控件的 value 值一致

checkboxgroup

默认为 false, true 表示支持全选

对象,数据字典返回值.

data:数据对象 { text: 显示值, value: 实际值 }

value: 默认值,与控件的 value 值一致

textarea

afterinit --> 初始化后

beforeedit --> 编辑前

afteredit --> 编辑后

stopedit --> 结束编辑

click --> 点击

nodeadd --> 节点生成

statechange --> 状态改变

请求:

报表输出的JSON的格式为:

如果是多sheet的情况,会多一个sheets属性

为了获取填报报表格子内容,请求的地址为

响应的内容格式如下,区别是当单元格有控件时,会多一个widget属性,单单元格设置了形态的时候,会多一个present属性

客户端发起请求:

如果有参数界面, 则获取的格式如下:

如果没有参数界面, 则获取的格式如下:

通过formlet获取到参数界面后, 根据sessionid来继续获取表单正文控件:

表单正文内容格式如下:

通用

report --> 网络报表

email --> 邮件

web --> 网页链接

dynamic --> 动态参数

javascript --> js

chartpop --> 悬浮窗图表

chartRelate --> 联动单元格

widget --> 当前表单对象

parameters

(邮件类型不包含)

"_blank" 为新窗口

"_dialog" 为对话框

"_self" 为当前窗口

report

email

script

chartpop

isCell

默认值为:-1

(默认-1, 左对齐2, 居中0, 右对齐4, 分散对齐6)

默认值为:0

(靠上1, 居中0, 靠下3)

默认值为自动换行:0

(自动换行0, 单行显示1, 单行显示调整字体2, 多行显示调整字体3)

默认值为水平方向:0

(自定义角度水平方向0, 从左向右 1)

默认值居中布局:1

(默认1, 平铺0, 拉伸2, 适应 4)

如果是默认的边框线,border属性对应成 {"border" : {"b1":true}}

如果为自定义边框线时, border 有 t / r / b / l 四个属性,分别表示 上 / 右 / 下 / 左 四个边

每个边的属性说明如下:

边框线类型有很多种,不同值对应不同类型

虚线

NOTE:

ul 对应的值, 可根据设计器中字体下划线选项从上至下依次对应为 1, 2, 3, 4, 14, 5, 6, 7, 8, 9, 10, 11, 12, 13 具体线的形状见设计器

注意字体,如果是默认字体的话,将不会输出字体信息。

背景不为颜色时,才有 image 属性, 格式以 base64编码

ColorBackground --> 颜色背景

TextureBackground --> 纹理背景

PatternBackground –> 图案背景

ImageBackground --> 图片背景

GradientBackground --> 渐变色背景(见上面代码块)

以html形式输出:

以图片形式输出:

以二进制下载链接形式输出:

普通文本:

普通数字:

单元格元素为图表:

图片元素:

斜线元素:backslash属性默认为空,表示斜线由左上到右下发散,该属性为true怎表示斜线由左下到右上发散

请求参数:

返回JSON数据

请求参数:

返回JSON:

客户端发起请求:

请求参数:

返回JSON格式:

客户端发起请求:

请求参数:

返回long:

客户端发起请求:

请求参数:

返回:

客户端发起请求:

请求参数:

返回:

客户端发起请求:

请求参数:

返回:

请求

op=h5_fs_json&id=-1&state=dingtalk&__divice__=iphone

(__device__的可选类型包括:iPhone,iPad,android,androidPad,PC)

(ps: 这里的两个属性仅仅为 h5 所需属性,其他属性有待补充)

对应字体编码

rootReports 属性说明

结构[{},{},...]

由0个或多个二级目录对象组成的数组,见二级目录

用三位二进制表示在什么终端上运行,高位到低位依次为手机/平板/电脑

(支持为1,不支持为0, 如都支持,则为二进制数111,对应十进制为7)

THE END
0.Layui的数据表格增删改,后端回传json格式封装最近有个需求,实现前端页面一个数据表格可编辑,随原页面的表单提交json数据,然后后端回传显示。Layui原来也没怎么用过,记个笔记记录一下。 一、前端录入页面数据表格代码: <scripttype="text/javascript">layui.use(['table', 'layer'], function () { var table = layui.table; var jvzquC41yy}/lrfpuj{/exr1r1j8dm>:4:8d3B
1.前端获取JSON数据显示在页面上前端如何接收并显示json数据本文介绍了一种从前端读取本地JSON文件并将其数据显示在界面上的方法。通过使用jQuery的$.ajax方法,文章详细展示了如何解析JSON数据并将其格式化为HTML代码,最终插入到页面的指定元素中。 从后台获取数据显示在界面上是前端开发所必须要掌握的一项基本技能,简单记录一下从本地模拟数据的JSON文件中获取数据显示在界面上。jvzquC41dnuh0lxfp0tfv8pkmqitfw4ctvodnn4fgvgjn|4;29<9;A9
2.如何在前端页面上展示解析后的JSON数据?json数据展示在前端页面展示解析后的JSON数据通常需要以下步骤:解析数据、格式化结构、创建DOM 元素、应用样式。以下是几种常见的实现方式及示例: 方法1:简单文本展示(基础方法) 直接将 JSON 对象转为格式化字符串显示: // 假设已解析 JSON 数据 constjsonData = { jvzquC41dnuh0lxfp0tfv8f:98718<:61cxuklqg1fkucrqu13:8;;86:;
3.前端获取JSON数据显示在页面上阿蒙不萌前端获取JSON数据显示在页面上 以下代码根据格式复制粘贴就可以查看效果了,这个方式展示可能比较麻烦,如果有看不太明白或者感到这种方式不喜欢的可以看我其他的博客, 有的我已经记录的很详细了,原文和源码我都放上去了,大家一起进步一起学习 ###index.html <!DOCTYPE html> <html lang="zh"> <head> <mjvzquC41yy}/ewgnqiy/exr1jwiiqwl/dm5q1:6582>387mvon
4.IE浏览器中JSON数据格式化显示教程简介:JSON是一种轻量级的数据交换格式,广泛用于Web服务间的数据交互。IE浏览器默认以纯文本形式显示JSON数据。为了在IE浏览器中友好地显示JSON数据,可以运行一个注册表文件”IE浏览器显示Json.reg”来修改系统设置,使其支持JSON数据的直接解析和格式化显示。通过这种方式,用户可以在IE中以结构化的树状形式查看JSON数据,从jvzquC41dnuh0lxfp0tfv8|gkzooa=77987988ftvkimg8igvcomu867237789<
5.显示json,json的定义json显示此文章提供了三个示例代码,分别展示了如何利用HTML的、和复选框元素,结合JavaScript的XMLHttpRequest对象从外部JSON数据文件中获取并显示数据。代码包括了获取JSON数据、解析数据以及动态创建页面元素来展示数据的过程。 作为老师,我可以为您提供一些示例代码,以演示如何使用、和复选框(checkbox)来获取外部JSON数据。 使用jvzquC41dnuh0lxfp0tfv8|gkzooa=<575>:;8ftvkimg8igvcomu86533:2;9>
6.如何在html中显示JSON数据如何在html中显示JSON数据 背景: 有时候我们需要将json数据直接显示在页面上(比如在做一个接口测试的项目,需要将接口返回的结果直接展示),但是如果直接显示字符串,不方便查看。需要格式化一下。 解决方案: 其实JSON.stringify本身就可以将JSON格式化,具体的用法是:jvzq<84yyy4ekhuu74dqv4jvor61q:6;:?/uqyonApeh€pg{?ocfB;
7.JSON数据不能正确显示在网页上腾讯云开发者社区我遇到的问题是写了一个HTML程序,结果在网页上面不能显示,原因是图片路径放置错了。修改前代码: 效果图: ie网页上右键点击“属性”’查看图片路径 发现地址错误,我存放图片的地址在C:\Users\Administrator\Desktop\Python源码,所以将路径改为绝对路径(有的jvzquC41enuvf7ygpekov7hqo1jfxnqqrgx0kwkqtogukxs1LUUO'N;';7+C2.J8':J&CN*G6'H9'AI'G:+95.GF'G<&CM*C5'K8'J6'CG+F8.>:'DK&G@*C6'HB'N:';E+B:.J9'DJ&;:*G;'G2'K:'G6+C:.=C
8.获取后台数据显示在网页(json文件)三iriliguo获取后台数据显示在网页(json文件)三 在编辑器新建一个xx.json文件,输入以下内容: [{"name":"lily","age":"8","address":"chengdu"},{"name":"peter","age":"9","address":"chengdu"}]jvzquC41yy}/ewgnqiy/exr1ktomkpzq1r575B=3534ivvq
9.如何:使用JSON数据(C++RESTSDK)|MicrosoftLearn通过使用 C++ REST SDK (codename "Casablanca")web::json命名空间,你可以更快速地分析 JSON 数据。 此页显示两个示例。 第一个示例显示如何从 HTTP GET 响应提取 JSON 数据。 第二个示例在内存中生成 JSON 值,并循环访问它的值。 警告 本主题包含有关 C++ REST SDK 1.0 (codename "Casablanca") 的信息。jvzquC41oujo0vnetqyph}3eqo5{j6hp1noctjw{1lp:795:40gtr
10.DOM:JSON数据导入并在网页显示香香鲲查看数据结构console.log(sinadata);//创建一个新浪微博的大盒子添加到mainbox//获取大盒子varmainbox = document.querySelector('.mainbox'); sinadata.statuses.map((el)=>{ tool(el) })functiontool(el) {//创建一个盒子放新浪数据varsinabox = document.createElement('div');//把新浪数据盒子放入大jvzquC41yy}/ewgnqiy/exr1NK^J/8u138:96=;30jznn
11.页面中json格式显示数据叽叽喳喳,嘻嘻哈哈页面中 json 格式显示 数据 在页面中,有时候我们需要的不仅仅是将数据显示出来,而且要以以 json 的格式显示数据,如显示接口的时候 我们需要如下显示 这个时候,主要用到了 标签 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $.get("/chat", { "query": send_content, "ident": identjvzquC41yy}/ewgnqiy/exr1lkpj|qf|jc5q1@57478:0qyon
12.前端显示json格式化示例代码javascript技巧在formatJson()函数中,我们首先获取用户输入的JSON数据,并使用JSON.parse()方法尝试将其解析为JSON对象。如果解析失败,将弹出一个警告框提示用户输入的JSON数据无效。 如果解析成功,我们将使用JSON.stringify()方法将JSON对象格式化为字符串,并将格式化后的JSON字符串赋值给jsonContainer元素的内容,以在页面上显示。 你jvzquC41yy}/lk:30pku1sfxcuiskyy153<8;<{uh0nuo
13.Flask学习8.jsonify返回中文没正常显示问题Flask 接口返回的json 格式数据有中文的时候,默认是以ASCII码 返回的,没正常显示中文。 jsonify 返回 json 数据 函数直接返回dict 数据 或返回jsonfy() 函数处理的数据,都是以json格式返回的 代码语言:javascript 代码运行次数:0 运行 AI代码解释 from flask import Flask, jsonify from flask import render_templatejvzquC41enuvf7ygpekov7hqo1jfxnqqrgx0c{ykenk049=865:
14.Python转json时出现中文乱码的问题及解决python1 jsonData = json.dumps(data, encoding='gbk',ensure_ascii=False) 如果json数据中文显示有问题,变成 \uXXX的形式,原因是中文以变为unicode 编码了,而解码默认是以ASCII解的,中文不在ASCII编码中,所以无法显示,加上ensure_ascii=False可以防止变为unicode 编码。jvzquC41yy}/lk:30pku1jwvkerf1;<68:?/j}r
15.基于AJAX与JSON的异步数据分页实现方案简介:在网页开发中,面对大量数据展示场景(如用户列表、商品信息),传统全量加载方式影响性能与用户体验。采用AJAX异步请求结合JSON数据格式,可实现高效的数据分页功能,仅按需加载当前页数据,提升页面响应速度与交互体验。本文介绍如何使用jQuery封装的$.ajax()方法发起异步请求,从服务器获取JSON格式数据,并动态渲染数据列表与jvzquC41dnuh0lxfp0tfv8|gkzooa<:;94?938ftvkimg8igvcomu86745922<8