美文网首页
1.分类栏功能

1.分类栏功能

作者: _v_xw | 来源:发表于2017-02-28 13:30 被阅读0次

3个部分(左,中,右)

左边:分类栏 中:任务列表 右:任务详情

design.jpg

分类栏

实现功能

默认指针:
currentChoose = -1 当前选择情况
currentMenuId = 0 当前选择的主分类
currentChildMenuId = 0 当前选择的子分类
currentTaskId = 0 当前选择的任务

  1. 点击所有任务h1
    (1) 该element有对应的显示效果(bgc改变);
    (2) 任务列表显示所有任务,无就显示空;
    (3) 任务详情显示任务列表第一个任务的详情,无就显示空;
    currentChoose = -1
    currentMenuId = ""
    *currentChildMenuId = "" *
    currentTaskId = 任务列表中第一个任务的task-id || ""
  2. 点击主分类h2
    (1)该主分类有对应的显示效果(bgc改变);
    (2)任务列表显示该主分类下所有任务,无就显示空;
    (3)任务详情显示任务列表第一个任务的详情,无就显示空;
    currentChoose = 0
    currentMenuId = 该主分类标签的menu-id
    currentChildMenuId = ""
    *currentTaskId = 该主分类下任务列表中的第一个任务的 task-id || "" *
  3. 点击子分类h3
    (1)该子分类有对应的显示效果(bgc改变);
    (2)任务列表显示该子分类下所有任务,无就显示空;
    (3)任务详情显示任务列表第一个任务的详情,无就显示空;
    currentChoose = 1
    currentMenuId = 该子分类的childMenu.pid(父id)
    currentChildMenuId = "该子分类标签的menu-id"
    *currentTaskId = 该子分类下任务列表中的第一个任务的 task-id || "" *
  4. 点击删除按钮<i class="fa fa-trash-o"></i>
    (1)弹窗 确认是否删除
    (2)若删除主分类,删除对应的子分类和任务数据;若删除子分类,删除对应的任务数据;
    (3)分类列表刷新,若删除后无主分类添加默认分类;若有指向第一个主分类;
    (4)任务列表显示所有任务,无就显示空;
    (5)任务详情显示任务列表第一个任务的详情,无就显示空;
    currentChoose = -1
    currentMenuId = 0
    currentChildMenuId = 0
    currentTaskId = 0
  5. 点击新增加分类按钮onclick="clickAddMenu()"
    (1)出现遮罩层,和选择框 ,默认添加主分类,下拉菜单选择添加子分类
    (2)添加分类,分类菜单指向该分类,将新分类数据添加进本地数据
    (3)更新分类栏的信息
    (4)任务列表不改动;
    (5)任务列表不改动;
    currentChoose = -1
    currentMenuId = currentMenuId
    currentChildMenuId = currentChildMenuId
    currentTaskId = currentTaskId

相关文章

  • 1.分类栏功能

    3个部分(左,中,右) 左边:分类栏 中:任务列表 右:任务详情 分类栏 实现功能 默认指针:currentCh...

  • 软件测试之编写和管理缺陷报告

    一.缺陷的分类: 1.按功能模块分类 2.按问题的引出分类: 功能,性能,界面,安全等等 3.按严重程度分类: 影...

  • FJSegmentedRollPage 介绍

    因为最近项目中需要实现如下功能,效果如图: 需求: 分类栏和搜索框作为一个整体,视作页面的头部,同时每个分类下面对...

  • 3ds-max软件界面组成

    主界面样式 各个功能区 主界面可分为10个区域: 1.快速访问工具栏菜单栏 2.菜单栏 3.主工具栏 4.功能区 ...

  • 特大新闻

    导航库React Navigation 功能:1.跳转页面 2.底部导航栏 3.顶部导航栏...

  • 参考笔记

    导航库React Navigation 功能:1.跳转页面 2.底部导航栏 3.顶部导航栏...

  • 2.任务列表功能

    3个部分(左,中,右) 左边:分类栏 中:任务列表 右:任务详情 任务列表 实现功能 默认指针:currentC...

  • 3.任务详情栏功能

    3个部分(左,中,右) 左边:分类栏 中:任务列表 右:任务详情 任务详情 实现功能 默认指针:*current...

  • (二)iOS 实战项目开发:团购之图标设置及自定义导航栏(2)

    功能实现: 1:图标及启动图片的设置 2:自定义导航栏的UI布局 3:商品分类下拉菜单的实现 4:切换城市分类下拉...

  • vue侧栏组件实现

    1.效果预览: 2. 已实现功能: 点击顶部工具栏,打开侧栏 点击关闭按钮,关闭侧栏 点击顶部不同工具栏,切换侧栏...

网友评论

      本文标题:1.分类栏功能

      本文链接:https://www.haomeiwen.com/subject/eckxgttx.html