背景
在官方提供的例子中 是以弹窗的形式做的修改和新增,在项目中如果遇到 采集项数较多,会在修改页面添加别的功能的情况下 弹窗满足不了此需求了。
例子
页面跳转
先说修改页面吧, 需要在路由配置此页面路由,修改页面会带着此条数据中的唯一标识id。
// 这是列表页的路由配置
{
path: '/pages/data-table',
name: 'datatable',
component: './PageElement/CommonTable',
},
// 修改页的
{
path: '/pages/data-table-modify/:id',
name: 'tablemodify',
component: './PageElement/CommonTableModify',
hideInMenu: true,
},
// 点击修改按钮
modifyItem = (record) => {
const { dispatch } = this.props;
dispatch(routerRedux.push({
pathname: `/pages/data-table-modify/${record.key}`
}))
}