Skip to content

@View

配置字段在列表表格中的列展示行为,包括列名、宽度、展示类型、排序等。

属性说明

属性名描述
title表格列名称
desc列描述
type数据展示类型,默认 AUTO,详见下方类型表
show是否显示,默认 true
sortable是否支持点击列头排序,默认 false
export是否包含在 Excel 导出中,默认 true
width列宽度,需带单位,如 200px20%
column字段为对象类型时,指定要展示的属性名(@ManyToOne 场景常用)
className表格列的 CSS 类名
tpl弹出自定义模板,模板中可用 row 变量获取当前行数据
ifRender动态控制列是否渲染(ExprBool),详见 ifRender 动态渲染
template列值格式化模板(前端 eval 执行的 JS 表达式),可用变量:value(当前值)、item(整行数据)、item.xxx(某列值)

展示类型(ViewType)

文本与数值10

AUTO根据 @Edit 类型或字段类型自动识别
AaTEXT普通文本
🛡️SAFE_TEXT1.12.11+文本中含脚本/标签时不渲染,防 XSS
42NUMBER数值展示
BOOLEAN布尔值展示
COLOR以色块展示十六进制颜色值;编辑类型为 COLOR 时自动推断
••••PASSWORD2.0.4+密码掩码展示,实际值以占位符替代,不会下发到客户端
📅DATE日期格式化展示
🕐DATE_TIME日期时间格式化展示
PROGRESS2.0.4+进度条展示;编辑类型为 SLIDER 时最大值取 SliderType.max,否则为 100

图像与媒体5

🖼️IMAGE图片
🖼️IMAGE_BASE64Base64 编码图片
QR_CODE二维码
📍MAP地图展示
SWFFlash 动画

链接与附件5

🔗LINK新窗口打开链接
🔗LINK_DIALOG对话框打开链接
⬇️DOWNLOAD直接下载
📎ATTACHMENT新窗口打开附件
📎ATTACHMENT_DIALOG对话框打开附件

富内容渲染5

</>HTML渲染 HTML 片段
📱MOBILE_HTML以手机屏幕尺寸渲染 HTML
{ }CODE代码高亮展示
M↓MARKDOWNMarkdown 渲染展示
TAB_VIEW一对多/多对多子表格展示

贡献者

The avatar of contributor named as YuePeng YuePeng
The avatar of contributor named as Claude Opus 5 (1M context) Claude Opus 5 (1M context)

页面历史

Released under the Apache-2.0 License.