weixin_39795845
2020-12-26 22:11 阅读 6

需要增加一个WizardGuide控件

有几个系统有向导型的表单交互,即先填一个页,然后“下一步”填另一些项,再“下一步”继续填写,然后完成

这个控件和Crumb控件有点像,但有一些不同: - WizardGuide会把所有的路径全显示出来,并且有一个“当前激活”的 - WizardGuide的每一项并不是一个链接,且没有点击事件

这个控件和Tab也有点像,但又有一些不同: - WizardGuide的各项之间是有顺序的 - WizardGuide由于通常关联着一个很复杂的大表单,因此本身并不一定是通过多个panel的显示和隐藏来完成逻辑的

配置说明: - steps:说明整个向导过程中的步骤,每个step包含以下: - text:显示的文字 - panel:对应的面板,可以没有 - finishText:有些向导在最后有一个“完成”的字样,点击不起任何作用,仅视觉效果,通过这个字段可配置 - activeIndex:当前激活的步骤的索引,如果有finishText则可能取到超出steps.length - 1的值 - activeStep只读 ,当前激活的步骤对象,如果有finishText则可能取到undefined,此时是在最后一步上

事件说明: - enter:进入某一步骤时触发,如果有panel属性会控制对应panel的隐藏和显示后再触发

方法说明: - stepNext:去下一步,如果已经是第一步则无反应 - stepPrevious:去上一步,如果已经是最后一步(有finishText的情况下会多出一步)则无反应

该提问来源于开源项目:ecomfe/esui

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • weixin_39721953 weixin_39721953 2020-12-26 22:11

    允许下一步的条件是否需要留口呢

    点赞 评论 复制链接分享
  • weixin_39795845 weixin_39795845 2020-12-26 22:11

    我从CLB和DAN得到的交互是,这东西上面的节点根本不能点,下一步是在表单里的不归这个控件管,所以这东西就没有这样的接口了

    有其它的系统的类似控件有这种需求吗?

    点赞 评论 复制链接分享
  • weixin_39721953 weixin_39721953 2020-12-26 22:11

    喔,我理解,上一步下一步的按钮是不自动生成的,是么?

    点赞 评论 复制链接分享
  • weixin_39795845 weixin_39795845 2020-12-26 22:11

    是的,这个东西就是一个视觉效果的标记,没有任何交互功能

    点赞 评论 复制链接分享
  • weixin_39795845 weixin_39795845 2020-12-26 22:11

    在 ad7902aa0be9a424d2f51c6fd15ca39e3fe9a027 做了一个实现,缺少CSS和从已有DOM创建的逻辑,待补足后关Issue

    各种从已有DOM创建真麻烦……要是Table这种控件也要已有DOM创建该怎么活

    点赞 评论 复制链接分享
  • weixin_39795845 weixin_39795845 2020-12-26 22:11

    关,后续单独发标准文档Review

    点赞 评论 复制链接分享

相关推荐