mobxSpa icon indicating copy to clipboard operation
mobxSpa copied to clipboard

v2.0.1有点bug

Open busyzz-1994 opened this issue 5 years ago • 4 comments

在表格页-》查询表格 查询列表以后 点击查看详情以后页面跳转,但是导航栏的详情页=> 基础详情页 并没有高亮选中

busyzz-1994 avatar May 16 '19 14:05 busyzz-1994

在表格页-》查询表格 查询列表以后 点击查看详情以后页面跳转,但是导航栏的详情页=> 基础详情页 并没有高亮选中

你好, 我刚才看啦一下描述的问题,以下是问题的原因。

首先从表格页面跳转到详情页的情况下其实详情页已经被选中,只是详情页的导航没有展开。 的openKeys控制菜单是否展开,这里没有做手动处理。 修改代码如下: // 文件 BasicSideMenu.js,添加如下代码 static getDerivedStateFromProps(props, state) { const { selectedKeys } = props; const openKey = selectedKeys.split('/')[1]; if (state.openKeys.indexOf(openKey) < 0) { return { openKeys: state.openKeys.concat(openKey), }; } return null; } 我已经将代码修改到v2.0.1 这里导航栏文档可以看一下Menu导航菜单

Tianlikai avatar May 19 '19 04:05 Tianlikai

没有效果额, 在v2.0.1里面只有sideMenu.js文件,
把表格页 和详情页 先同时展开 , 然后在表格页里面 点击查询详情, 点击第一行的查询详情,详情页会高亮,就是那个id为1200000的 , 其他的 第二行及以后的点击都不会高亮,,

busyzz-1994 avatar May 19 '19 06:05 busyzz-1994

没有效果额, 在v2.0.1里面只有sideMenu.js文件, 把表格页 和详情页 先同时展开 , 然后在表格页里面 点击查询详情, 点击第一行的查询详情,详情页会高亮,就是那个id为1200000的 , 其他的 第二行及以后的点击都不会高亮,,

这里我是为了将详情页单独成一个菜单栏方便展示,所以将‘/detail/baseDetail/1200000’单独写成了路由做了匹配。

// settings -> sideMenu.js
export default {
  home: {
    iconType: 'dashboard',
    text: 'Dashboard',
    PERMISSIONS: true,
    children: [],
    to: '/home',
  },
  form: {
    iconType: 'form',
    text: '表单页',
    PERMISSIONS: true,
    children: [
      {
        to: '/form/baseForm',
        text: '基础表单',
        PERMISSIONS: true,
      },
      {
        to: '/form/uploadForm',
        text: '上传表单',
        PERMISSIONS: true,
      },
    ],
  },
  table: {
    iconType: 'table',
    text: '表格页',
    PERMISSIONS: true,
    children: [
      {
        to: '/table/searchTable',
        text: '查询表格',
        PERMISSIONS: true,
      },
    ],
  },
  list: {
    iconType: 'database',
    text: '列表页',
    PERMISSIONS: true,
    children: [
      {
        to: '/list/tabList',
        text: '卡片表格切换',
        PERMISSIONS: true,
      },
    ],
  },
  detail: {
    iconType: 'profile',
    text: '详情页',
    PERMISSIONS: true,
    children: [
      {
        to: '/detail/baseDetail/1200000', // 这里只匹配到 ‘/detail/baseDetail/1200000’
        text: '基础详情页',
        PERMISSIONS: true,
      },
    ],
  },
};

代码修改如下: WechatIMG63

Tianlikai avatar May 19 '19 11:05 Tianlikai

thx ------------------ 原始邮件 ------------------ 发件人: "LiKai Tian"[email protected] 发送时间: 2019年5月19日(星期天) 晚上7:15 收件人: "Tianlikai/mobxSpa"[email protected]; 抄送: "busyzz"[email protected];"Author"[email protected]; 主题: Re: [Tianlikai/mobxSpa] v2.0.1有点bug (#3)

没有效果额, 在v2.0.1里面只有sideMenu.js文件, 把表格页 和详情页 先同时展开 , 然后在表格页里面 点击查询详情, 点击第一行的查询详情,详情页会高亮,就是那个id为1200000的 , 其他的 第二行及以后的点击都不会高亮,,

这里我是为了将详情页单独成一个菜单栏方便展示,所以将‘/detail/baseDetail/1200000’单独写成了路由做了匹配。 // settings -> sideMenu.js export default { home: { iconType: 'dashboard', text: 'Dashboard', PERMISSIONS: true, children: [], to: '/home', }, form: { iconType: 'form', text: '表单页', PERMISSIONS: true, children: [ { to: '/form/baseForm', text: '基础表单', PERMISSIONS: true, }, { to: '/form/uploadForm', text: '上传表单', PERMISSIONS: true, }, ], }, table: { iconType: 'table', text: '表格页', PERMISSIONS: true, children: [ { to: '/table/searchTable', text: '查询表格', PERMISSIONS: true, }, ], }, list: { iconType: 'database', text: '列表页', PERMISSIONS: true, children: [ { to: '/list/tabList', text: '卡片表格切换', PERMISSIONS: true, }, ], }, detail: { iconType: 'profile', text: '详情页', PERMISSIONS: true, children: [ { to: '/detail/baseDetail/1200000', // 这里只匹配到 ‘/detail/baseDetail/1200000’ text: '基础详情页', PERMISSIONS: true, }, ], }, };
代码修改如下:

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

busyzz-1994 avatar May 19 '19 14:05 busyzz-1994