Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

需要增加一个WizardGuide控件 #23

Closed
otakustay opened this issue Apr 17, 2013 · 6 comments
Closed

需要增加一个WizardGuide控件 #23

otakustay opened this issue Apr 17, 2013 · 6 comments

Comments

@otakustay
Copy link
Member

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

这个控件和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的情况下会多出一步)则无反应
@errorrik
Copy link

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

@otakustay
Copy link
Member Author

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

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

@errorrik
Copy link

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

@otakustay
Copy link
Member Author

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

@otakustay
Copy link
Member Author

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

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

@otakustay
Copy link
Member Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants