设计 – 在Web应用程序中查看分层数据的优雅方式

发布时间：2020-12-14 16:41:28 所属栏目：资源来源：网络整理

导读：这是我在多个场合不得不解决的一个相当令人沮丧的问题,我从未发现我想出的解决方案完全令人满意. 假设您必须向Web应用程序的用户提供“复杂”分层数据结构,并且层次结构中的大多数节点也应该是可编辑的.例如,假设您必须提供项目详细信息,其中每个项目可以有

这是我在多个场合不得不解决的一个相当令人沮丧的问题,我从未发现我想出的解决方案完全令人满意.

假设您必须向Web应用程序的用户提供“复杂”分层数据结构,并且层次结构中的大多数节点也应该是可编辑的.例如,假设您必须提供项目详细信息,其中每个项目可以有多个与之关联的任务.现在,用户可能想要编辑项目(例如,更改其名称)或向其添加特定任务,编辑任务或删除任务等.

我通常会这样做的方法是拥有一个Projects表和一个Project表单.当用户单击项目表中的行时,将填充表单以反映项目的详细信息,并填充另一个表,其中包含该特定项目的任务.当你的层次结构中有很多级别时,这种方法看起来相当笨重,而且我永远不知道是否在请求之前隐藏数据并将其滑入视图或显示空占位符等等.您可能会明白这一点.

所以我的问题是：你知道任何以优雅的方式解决这个问题的例子吗？从UI设计/最佳实践角度来看,对于什么是最好的,是否存在共识？ (我故意保持这种语言/平台不可知).

所有建议表示赞赏.

解决方法

好吧,对于嵌套表单的 JavaScript示例(有大量编辑和显示选项),有 the jqGrid Demos.请查看示例 – >高级 – >子网格就是这样一个例子.

但是,是的,没有一种方法可以解决这个问题,但是当我提出它时,我会告诉你.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!