Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ajax更新服务器时,从一个列表中选择对象并将其移动到另一个列表中的好方法是什么?_Javascript_Jquery_List_User Interface - Fatal编程技术网

Javascript 使用ajax更新服务器时,从一个列表中选择对象并将其移动到另一个列表中的好方法是什么?

Javascript 使用ajax更新服务器时,从一个列表中选择对象并将其移动到另一个列表中的好方法是什么?,javascript,jquery,list,user-interface,Javascript,Jquery,List,User Interface,我不是一个UI专家,所以我正在寻找关于如何从UI角度解决问题的建议,以及以下问题的可能技术解决方案 我有一个有200-300个学生对象的应用程序。用户可以创建包含5名、15名或30名学生的学习小组。我想做的是提供一种简单的方法,从大列表中选择用户并将其移动到小列表中。我不确定最好的办法是什么 第一个问题是第一个列表可能需要分页。。。因为它将包含太多的学生,无法同时在屏幕上列出 第二个问题是,他们可能想要搜索一个给定姓名或用户名的学生。。。一旦给了学生一个子集,他们就可以选择他们并将他们移动到学习

我不是一个UI专家,所以我正在寻找关于如何从UI角度解决问题的建议,以及以下问题的可能技术解决方案

我有一个有200-300个学生对象的应用程序。用户可以创建包含5名、15名或30名学生的学习小组。我想做的是提供一种简单的方法,从大列表中选择用户并将其移动到小列表中。我不确定最好的办法是什么

第一个问题是第一个列表可能需要分页。。。因为它将包含太多的学生,无法同时在屏幕上列出

第二个问题是,他们可能想要搜索一个给定姓名或用户名的学生。。。一旦给了学生一个子集,他们就可以选择他们并将他们移动到学习小组列表中

一直以来,在用户从学习组中添加和删除学生时更新服务器端会更好,而不是在提交时一次完成所有操作

是否有一个jquery或javascript库提供这种开箱即用的功能?或者我需要定制它吗

我处理这个问题的方法是正确的,还是有更好的方法来创建更简单的UI


谢谢

我认为自动完成文本框可能适用于此检查jquery ui:

这样教师/用户就可以输入前几个字符,选择学生,按“添加”并对所有5-30名学生重复?查看自动完成的事件。你可能可以使用select事件。哦,我的意思是,如果他们想一次做很多事情,那又如何呢?我真的不知道该怎么办。我应该提供一个页面列表,每个页面旁边都有复选框,并且在上面有一个自动完成功能,以提供多种方式将它们添加到研究组列表中吗?