Json

JSON 展示组件

基本用法

可以配置 value 展示 json 格式数据

加载中,请稍后。。。

获取数据链值

也可以通过配置 source 获取数据链中的值

加载中,请稍后。。。

用作 Field 时

当用在 Table 的列配置 Column、List 的内容、Card 卡片的内容和表单的 Static-XXX 中时,可以设置name属性,映射同名变量

Table 中的列类型

加载中,请稍后。。。

List 的内容、Card 卡片的内容配置同上

Form 中静态展示

加载中,请稍后。。。

主题

可配置jsonTheme,指定显示主题,可选twilighteighties,默认为twilight

加载中,请稍后。。。

配置默认展开层级

加载中,请稍后。。。

如上,levelExpand配置为0,则默认不展开。

开启 json 修改

since 1.2.3

可配置mutable 为 true,展示 json 的同时支持修改。记得配置 name 属性。

加载中,请稍后。。。

显示数据类型显示

还可以使用 displayDataTypes 开启数据类型显示

加载中,请稍后。。。

文本过长自动处理

2.0.0 及以上版本

设置ellipsisThreshold可以设置字符串的最大展示长度,点击字符串可以切换全量/部分展示方式,默认展示全量字符串。

加载中,请稍后。。。

属性表

属性名 类型 默认值 说明
type string 如果在 Table、Card 和 List 中,为"json";在 Form 中用作静态展示,为"static-json"
className string 外层 CSS 类名
value object/string json 值,如果是 string 会自动 parse
source string '' 通过数据映射获取数据链中的值
placeholder string - 占位文本
levelExpand number 1 默认展开的层级
jsonTheme string twilight 主题,可选twilighteighties
mutable boolean false 是否可修改
displayDataTypes boolean false 是否显示数据类型
ellipsisThreshold number false 设置字符串的最大展示长度,点击字符串可以切换全量/部分展示方式,默认展示全量字符串