界面设计问题

时间:2022-03-12 17:53:22
最近在做界面设计,要选择公司一部分人作为一个组,之前考虑用checkbox,但是考虑公司人员很多,不可能全都列出来,后来又用一个带筛选的框,输入员工姓名后,自动添加到下面的表格中,但是考虑美观问题,不要了,后来又考虑下面这种格式,但是可能公司员工非常多,然后要从这个框中一个一个找,比较麻烦,所 界面设计问题
现在求教各位,看看有没有其他的方法推荐的,或者你们平时上网的时候有没有见过这种情况,截个图推荐一下,高分求教

18 个解决方案

#1


其实select有个特性(英文状态),使用者往往不晓得,就是按下某个字母键,会自动跳到以该字母为首的第一个出现的项

我觉得这个还是不错的
你考虑一下排序输出吧,选择到右边时也自动排序
如果确实太多,例如上千个,就不妨用combox,输入“王”就把王开头的都列出来,其他的不列
另外多给一个textarea,让用户可以输入或者一次粘贴,定好分割规则(例如换行或者分号)就行

#2


感觉你这个图还是比较靠谱的  ,比较直观 ,只不过在做的时候  应该这样:左面的选中一个后,会添加到 右面中,左面的 应该删除这一个 。你做的程序 不是只用这一次嘛  ,只不过第一次人员多一些而已。或者左面的换成  多选框 也可以 。右面的不变。当然可以做出一些动态的效果出来 。

#3


可以使用autocomplete 或者combobox,只输入一个字就可以把相关的内容筛选出来,如百度搜索那样提示。
界面设计问题
可以参考jqueryui的autocomplete
界面设计问题

#4


jqueryui autocomplete地址 
http://jqueryui.com/autocomplete/

#5


为了个破积分 每天发帖一次!

#7


引用 6 楼 hello_code_com 的回复:
Div+Jquery,很容易解决的
是容易解决,现在就是纠结用什么方式,之前用的方式我觉得都可以,但是领导不喜欢,那没办法呀

#8


引用 3 楼 datiexiong 的回复:
可以使用autocomplete 或者combobox,只输入一个字就可以把相关的内容筛选出来,如百度搜索那样提示。

可以参考jqueryui的autocomplete

这个方法我也想到了,然后就是我添加了一个员工后,要显示出来,我之前打算在下方弄一个表格,输入一个员工后,就添加到表格中,但是领导不喜欢。请问你有没有见过选中后显示在什么地方

#9


引用 8 楼 xiaowanzi80hou 的回复:
引用 3 楼 datiexiong 的回复:可以使用autocomplete 或者combobox,只输入一个字就可以把相关的内容筛选出来,如百度搜索那样提示。

可以参考jqueryui的autocomplete
这个方法我也想到了,然后就是我添加了一个员工后,要显示出来,我之前打算在下方弄一个表格,输入一个员工后,就添加到表格中,但是领导不喜欢。请问你有没有见过……

另一边放到树形结构好些吧

#10


该回复于2013-01-24 15:47:19被管理员删除

#11


该回复于2013-01-25 09:18:24被管理员删除

#12


该回复于2013-01-25 11:35:27被管理员删除

#13


该回复于2013-01-25 17:25:43被管理员删除

#14


界面设计问题领导觉得不好看 这个 这

#15


引用 14 楼 stongyann 的回复:
领导觉得不好看 这个 这


他到底想咋地? 界面设计问题

#16


先筛选,比如按部门,然后把筛选结果放到你的那个div里面,供选择。或者按照姓的首字母分类,网上貌似有类似jquery插件

#17


呵呵,这个应该用php去实现吧。呵呵

#18


我这个功能是用Ztree做的

#1


其实select有个特性(英文状态),使用者往往不晓得,就是按下某个字母键,会自动跳到以该字母为首的第一个出现的项

我觉得这个还是不错的
你考虑一下排序输出吧,选择到右边时也自动排序
如果确实太多,例如上千个,就不妨用combox,输入“王”就把王开头的都列出来,其他的不列
另外多给一个textarea,让用户可以输入或者一次粘贴,定好分割规则(例如换行或者分号)就行

#2


感觉你这个图还是比较靠谱的  ,比较直观 ,只不过在做的时候  应该这样:左面的选中一个后,会添加到 右面中,左面的 应该删除这一个 。你做的程序 不是只用这一次嘛  ,只不过第一次人员多一些而已。或者左面的换成  多选框 也可以 。右面的不变。当然可以做出一些动态的效果出来 。

#3


可以使用autocomplete 或者combobox,只输入一个字就可以把相关的内容筛选出来,如百度搜索那样提示。
界面设计问题
可以参考jqueryui的autocomplete
界面设计问题

#4


jqueryui autocomplete地址 
http://jqueryui.com/autocomplete/

#5


为了个破积分 每天发帖一次!

#6


#7


引用 6 楼 hello_code_com 的回复:
Div+Jquery,很容易解决的
是容易解决,现在就是纠结用什么方式,之前用的方式我觉得都可以,但是领导不喜欢,那没办法呀

#8


引用 3 楼 datiexiong 的回复:
可以使用autocomplete 或者combobox,只输入一个字就可以把相关的内容筛选出来,如百度搜索那样提示。

可以参考jqueryui的autocomplete

这个方法我也想到了,然后就是我添加了一个员工后,要显示出来,我之前打算在下方弄一个表格,输入一个员工后,就添加到表格中,但是领导不喜欢。请问你有没有见过选中后显示在什么地方

#9


引用 8 楼 xiaowanzi80hou 的回复:
引用 3 楼 datiexiong 的回复:可以使用autocomplete 或者combobox,只输入一个字就可以把相关的内容筛选出来,如百度搜索那样提示。

可以参考jqueryui的autocomplete
这个方法我也想到了,然后就是我添加了一个员工后,要显示出来,我之前打算在下方弄一个表格,输入一个员工后,就添加到表格中,但是领导不喜欢。请问你有没有见过……

另一边放到树形结构好些吧

#10


该回复于2013-01-24 15:47:19被管理员删除

#11


该回复于2013-01-25 09:18:24被管理员删除

#12


该回复于2013-01-25 11:35:27被管理员删除

#13


该回复于2013-01-25 17:25:43被管理员删除

#14


界面设计问题领导觉得不好看 这个 这

#15


引用 14 楼 stongyann 的回复:
领导觉得不好看 这个 这


他到底想咋地? 界面设计问题

#16


先筛选,比如按部门,然后把筛选结果放到你的那个div里面,供选择。或者按照姓的首字母分类,网上貌似有类似jquery插件

#17


呵呵,这个应该用php去实现吧。呵呵

#18


我这个功能是用Ztree做的