?

?

quickQuery.rar 效果圖：

?

嘿嘿。。自己看吧。。。

?

?==============================下面是優(yōu)化過(guò)的=================

?

?下面的代碼是開(kāi)發(fā)中可能使用到的，

?

?解決了：

?1、名稱(chēng)和右邊的快速檢索 的列寬等問(wèn)題?????????????----------------->????????? 圖1

?2、當(dāng)名稱(chēng)長(zhǎng)度超過(guò)寬度的時(shí)候，使用.....代替???? ----------------->????????? 圖2

?

?如圖1：

?

如圖2：

?
?

?

以上是效果圖：

?

我在貼出一些我開(kāi)發(fā)的代碼，僅供參考：

?

功能：? 當(dāng)新增項(xiàng)目的時(shí)候，在委托方“聯(lián)系人”中實(shí)現(xiàn) 模糊查詢(xún)下拉，當(dāng)下拉中找不到聯(lián)系人的時(shí)候再新增人員到下拉中

?

實(shí)現(xiàn)方法（我的是struts2）：

1、 當(dāng)界面挑戰(zhàn)到 新增項(xiàng)目界面的時(shí)候 從數(shù)據(jù)庫(kù)中查詢(xún) 聯(lián)系人 并綁定到 下拉中

    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、當(dāng)下拉中找不到聯(lián)系人的時(shí)候，點(diǎn)擊旁邊的“新增人員”，當(dāng)人員新增成功后，在手動(dòng)添加人員信息到下拉中

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

?

?

?

缺點(diǎn)是：?

?

目前還不能使用 鍵盤(pán)的 上下 方向鍵來(lái)選取內(nèi)容

?

?

我發(fā)現(xiàn)的就這個(gè)了。。你們?nèi)绻陂_(kāi)發(fā)使用中發(fā)現(xiàn)什么問(wèn)題請(qǐng)大家 留言討論啊。。一起慢慢的優(yōu)化。改進(jìn)！

模仿 百度的查詢(xún)下拉框