mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 13:38:56 +08:00
2.2 KiB
Executable File
2.2 KiB
Executable File
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
Tpl 模板 | 0 | ⚙ 组件 | Tpl | 70 |
输出 模板 的常用组件
基本用法
{
"data": {
"text": "World!"
},
"type": "page",
"body": {
"type": "tpl",
"tpl": "Hello ${text}"
}
}
更多模板相关配置请看模板文档
快速编辑
通过 quickEdit
开启快速编辑功能,比如
{
"type": "form",
"body": [
{
"name": "static",
"type": "static",
"label": "静态展示",
"value": "123",
"quickEdit": {
"type": "number"
}
}
]
}
其他配置项参考 快速编辑
属性表
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
"tpl" |
指定为 Tpl 组件 |
className | string |
外层 Dom 的类名 | |
tpl | 模板 | 配置模板 | |
showNativeTitle | boolean |
是否设置外层 DOM 节点的 title 属性为文本内容 |
事件表
2.5.3 及以上版本
当前组件会对外派发以下事件,可以通过onEvent
来监听这些事件,并通过actions
来配置执行的动作,详细查看事件动作。
事件名称 | 事件参数 | 说明 |
---|---|---|
click | nativeEvent: MouseEvent 鼠标事件对象 |
点击时触发 |
mouseenter | nativeEvent: MouseEvent 鼠标事件对象 |
鼠标移入时触发 |
mouseleave | nativeEvent: MouseEvent 鼠标事件对象 |
鼠标移出时触发 |