首先,在列配置项里使用valueType: 'select'将查询项渲染成下拉框,然后使用valueEnum属性配置下拉框的内容,注意它接受的是一个 kv 对象,键为选项 value,值中的 text 属性作为选项的 label。这里直接使用 lodash 的 keyBy 来生成。最后通过列配置的render属性渲染标签,这里的用法和 antd 里是一样的。 之所以把选项...
valueType: 'select', valueEnum: { all: { text: '全部', status: 'Default' }, open: { text: '未解决', status: 'Error', }, closed: { text: '已解决', status: 'Success', }, }, }, { title: '描述', dataIndex: 'decs', }, { title: '操作', valueType: 'option', width: 2...
'status', 19 valueEnum: { 20 0: { 21 text: '关闭', 22 status: 'Default', 23 }, 24 1: { 25 text: '运行中', 26 status: 'Processing', 27 }, 28 2: { 29 text: '已上线', 30 status: 'Success', 31 }, 32 3: { 33 text: '异常', 34 status: 'Error', 35 }, 36 },...
19 valueEnum: { 20 0: { 21 text: '关闭', 22 status: 'Default', 23 }, 24 1: { 25 text: '运行中', 26 status: 'Processing', 27 }, 28 2: { 29 text: '已上线', 30 status: 'Success', 31 }, 32 3: { 33 text: '异常', 34 status: 'Error', 35 }, 36 }, 37 }, 38...
1constcolumns = [2{3title:'规则名称',4dataIndex:'name',5},6{7title:'描述',8dataIndex:'desc',9},10{11title:'服务调用次数',12dataIndex:'callNo',13sorter:true,14renderText:(val) =>`${val}万`,15},16{17title:'状态',18dataIndex:'status',19valueEnum: {200: {21text:'关闭',22stat...
1constcolumns = [2{3title:'规则名称',4dataIndex:'name',5},6{7title:'描述',8dataIndex:'desc',9},10{11title:'服务调用次数',12dataIndex:'callNo',13sorter:true,14renderText:(val) =>`${val}万`,15},16{17title:'状态',18dataIndex:'status',19valueEnum: {200: {21text:'关闭',22stat...
valueEnum: { false: { text: '失败', status: 'error' }, true: { text: '成功', status: 'success' }, }, hideInSearch: true, }, renderFormItem You can use SelectAccount to directly render components in a single list box, such as in EditableProTable, ...
对于一个使用这个组件开发了半年之久的菜鸟来说,什么是ProComponents,就是antd的加强集成版本,集成度很高,用起来很方便(对于我这个菜鸟来说 容易踩坑),无论...
下面通过示例来演示 antd pro table 中图片的上传和展示. 示例代码 前端主要包含如下 2 部分: 列表页面: 通过 antd pro table 显示数据信息 表单页面: 新建/修改数据的页面, 上传图片的功能就在其中 一个模块主要包含如下几个文件: teacher.jsx: 显示数据列表信息 ...
1. 列表页⾯: 通过 antd pro table 显⽰数据信息 2. 表单页⾯: 新建/修改数据的页⾯, 上传图⽚的功能就在其中 ⼀个模块主要包含如下⼏个⽂件:1. teacher.jsx: 显⽰数据列表信息 2. teacher-form.jsx: ⽤于添加/修改数据 3. model.js: list.jsx 和 form.jsx 之间共享数据 4. service...