?

?

quickQuery.rar 效果圖：

?

嘿嘿。。自己看吧。。。

?

?==============================下面是優化過的=================

?

?下面的代碼是開發中可能使用到的，

?

?解決了：

?1、名稱和右邊的快速檢索 的列寬等問題?????????????----------------->????????? 圖1

?2、當名稱長度超過寬度的時候，使用.....代替???? ----------------->????????? 圖2

?

?如圖1：

?

如圖2：

?
?

?

以上是效果圖：

?

我在貼出一些我開發的代碼，僅供參考：

?

功能：? 當新增項目的時候，在委托方“聯系人”中實現 模糊查詢下拉，當下拉中找不到聯系人的時候再新增人員到下拉中

?

實現方法（我的是struts2）：

1、 當界面挑戰到 新增項目界面的時候 從數據庫中查詢 聯系人 并綁定到 下拉中

    var arriveCityArray = new Array("","",""); 
		<s:action name="qyxxk_queryQyxx" namespace="/busin"  var="qy" executeResult="false" ></s:action>
		<s:iterator id="item" value="#qy.list" status="st" > 
			arriveCityArray[<s:property value="#st.index" />] = new Array("<s:property value="#item.customId" />", "<s:property value="#item.customJg" />", "<s:property value="#item.customZjm" />");
		</s:iterator>
		 
		window.onload = function(){
			//$quickQuery(arriveCityArray);
			$quickQuery({ "customJg": arriveCityArray}, {"viewContentNum": 15, "subSign": "/"} );
		} 
  

?

2、當下拉中找不到聯系人的時候，點擊旁邊的“新增人員”，當人員新增成功后，在手動添加人員信息到下拉中

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

?

?

?

缺點是：?

?

目前還不能使用 鍵盤的 上下 方向鍵來選取內容

?

?

我發現的就這個了。。你們如果在開發使用中發現什么問題請大家 留言討論啊。。一起慢慢的優化。改進！

模仿 百度的查詢下拉框