amis 增删改查如何在列表页显示图标
时间: 2024-04-23 17:27:36 浏览: 166
增删改查图标
4星 · 用户满意度95%
在 AMIS 的列表页中显示图标,你可以使用 AMIS 的 `actions` 字段来定义操作按钮,并在按钮中使用图标。下面是一个示例代码:
```json
{
"type": "page",
"body": {
"type": "crud",
"api": "/api/data",
"filter": {
"title": "搜索",
"type": "group",
"controls": [
{
"name": "keyword",
"type": "text",
"label": "关键字",
"placeholder": "请输入关键字"
},
{
"type": "submit",
"label": "搜索"
}
]
},
"columns": [
{
"name": "name",
"label": "姓名"
},
{
"name": "age",
"label": "年龄"
},
{
"type": "operation",
"label": "操作",
"width": 200,
"buttons": [
{
"type": "button",
"level": "primary",
"actionType": "dialog",
"icon": "edit",
"dialog": {
// 编辑对话框配置
}
},
{
"type": "button",
"level": "danger",
"actionType": "ajax",
"confirmText": "确认删除吗?",
"icon": "delete",
"api": "/api/delete?id=\${id}",
"reload": true
}
]
}
]
}
}
```
在上面的例子中,我们使用了 `buttons` 字段来定义操作按钮,其中 `icon` 字段用于指定按钮的图标。可以在 AMIS 的图标库中选择合适的图标来代替 "edit" 和 "delete"。
请注意,上述代码只是一个示例,你需要根据你的实际情况进行修改和调整。
阅读全文