我正在尝试提出一种UI设计,用于在帐户(客户)中创建用户并将其分配给层次结构中的某个级别。层次结构可能会根据所选的帐户而更改。我正在 Ionic 2 应用程序中开发这个。
如果你们能提出一些最好的方法,将不胜感激。而且,老实说,我无法想出任何好东西。
以下是可以为不同帐户设置的各种级别的示例。将有 10 个级别,但并非所有帐户都会使用所有 10 个级别。
帐户是最顶层的。该级别下的所有级别都将具有多个值。在某个级别选择值应仅显示其余级别的相关值。
Account - Store1 [A Super User having access to all features (Stores)]
|
Country - USA, Canada [User will have access to features of selected country]
|
Region - Eastern, Northern [Features only for the selected region]
|
States - CA, NY, etc.
|
City - San Francisco, San Jose, NYC, etc.
|
Store - Store1, Store2, etc.
并非所有帐户(客户)都具有所有级别。有些人可能只有 3 个,有些可能只有 2 个,或者其他人可能有 5 个,然后有些人可能拥有所有 10 个。
为此类数据设计用户界面的最佳方法是什么?
任何想法,建议,指示将非常有帮助。 谢谢。
好吧,首先我相信你可以想出一些好主意,你只需要喝更好的咖啡;)。你是一个程序员..这就是我们所做的。
撇开玩笑不谈。我最近不得不实现一个类似的分层选择结构,并在每个选择导航到新视图时执行此操作。起初我不认为这种方法是最好的,但对于我的用例来说,这实际上是因为每个页面都有 CRUD 操作,因此清楚地区分了每个部分。
在您的情况下,它有点不同,因为它们只是选择。
我要做的是在选择过程中显示或隐藏每个孩子的<ion-list>
,顶部的所选值由箭头图标分隔。
选择 1 -> 选择2 -> 选择 3
请选择
项目1
项目2
项目3
项目4
因此,基本上只需根据用户角色以及他们在选择过程中的位置显示和隐藏*ngIf
,并在顶部选择选项