读书人

模仿 百度的查询上拉框

发布时间: 2012-11-01 11:11:32 作者: rapoo

模仿 百度的查询下拉框

?

?

quickQuery.rar 效果图:


模仿 百度的查询上拉框

?

嘿嘿。。自己看吧。。。

?

?==============================下面是优化过的=================

?

?下面的代码是开发中可能使用到的,

?

?解决了:

?1、名称和右边的快速检索 的列宽等问题?????????????----------------->????????? 图1

?2、当名称长度超过宽度的时候,使用.....代替???? ----------------->????????? 图2

?

?如图1:
模仿 百度的查询上拉框
?

如图2:
模仿 百度的查询上拉框
?
?

?

以上是效果图:

?

我在贴出一些我开发的代码,仅供参考:

?

功能:? 当新增项目的时候,在委托方“联系人”中实现 模糊查询下拉,当下拉中找不到联系人的时候再新增人员到下拉中

?

实现方法(我的是struts2):

1、 当界面挑战到 新增项目界面的时候 从数据库中查询 联系人 并绑定到 下拉中

?

2、当下拉中找不到联系人的时候,点击旁边的“新增人员”,当人员新增成功后,在手动添加人员信息到下拉中

function selectChange(id,zjm,name){   //alert(arriveCityArray.length);       arriveCityArray[arriveCityArray.length] = new Array(id, name, zjm);       $quickQuery({ "customJg": arriveCityArray}, {"viewContentNum": 15, "subSign": "/"} );}

?

?

?

缺点是:?

?

目前还不能使用 键盘的 上下 方向键来选取内容

?

?

我发现的就这个了。。你们如果在开发使用中发现什么问题请大家 留言讨论啊。。一起慢慢的优化。改进!

1 楼 obnijeh 2011-02-14 谢谢.看到了.不错. 2 楼 obnijeh 2011-02-16 下拉的时候,有逗号呀.怎么解决? 3 楼 obnijeh 2011-02-16 input里面键盘上下不能用. 4 楼 yangpanwww 2011-02-17 obnijeh 写道input里面键盘上下不能用.
大哥。。
你的第一个问题:
你是怎么用的啊....下拉的时候 哪里有逗号? 我没看到啊

第二个问题:

键盘的上下是可以使用的,,,你按上下键的时候。。注意下拉里面的内容是在动的

读书人网 >Web前端

热点推荐