12345678910... 13
返回列表 發帖
wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
11# 跳轉到 »
發表於 2008-10-23 20:02 | 只看該作者
我看了一下官方的 demo 頁面有類似的
http://jquery.bassistance.de/autocomplete/demo/

可參考 E-Mail (local) 那一欄的作法：
$("#suggest13").autocomplete(emails, {
  minChars: 0,
  width: 310,
  matchContains: true,
  autoFill: false,
  formatItem: function(row, i, max) {
    return i + "/" + max + ": \"" + row.name + "\" [" + row.to + "]";
  },
  formatMatch: function(row, i, max) {
    return row.name + " " + row.to;
  },
  formatResult: function(row) {
    return row.to;
  }
});
To infinity and beyond!

TOP

hpbrother

Rank: 1

帖子
2 
主題
0 
精華
0 
積分
1 
威望
1  
金錢
0  
12#
發表於 2008-10-27 15:00 | 只看該作者
感覺他只是再回傳訊息 加幾個字
沒有值是靠左
然後結果數是靠右

TOP

wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
13#
發表於 2008-10-27 15:19 | 只看該作者
呈現的方式應該可以在 formatItem 這邊處理，要讓值靠左、結果靠右就寫在這裡面。
To infinity and beyond!

TOP

bensonwu0107

Rank: 1

帖子
2 
主題
0 
精華
0 
積分
1 
威望
1  
金錢
0  
14#
發表於 2008-10-29 16:25 | 只看該作者

我的光第一種簡單的就沒反應耶..

<input type="text" name="t1" id="t1" />
<script type="text/javascript">  
$(function() {  
        alert()
  var data = ['台北市中正區','台北市大同區','台北市中山區','台北市松山區','台北市大安區'];      
  $("#t1").autocomplete(data, {matchContains: true});      
});  
</script>

都沒反應...是不是哪少了...

TOP

bensonwu0107

Rank: 1

帖子
2 
主題
0 
精華
0 
積分
1 
威望
1  
金錢
0  
15#
發表於 2008-10-29 16:33 | 只看該作者

可以了...

我少了一個jquery 的js

TOP

wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
16#
發表於 2008-10-29 23:20 | 只看該作者
歡迎常來逛逛
To infinity and beyond!

TOP

liaoost

Rank: 1

帖子
9 
主題
1 
精華
0 
積分
2 
威望
2  
金錢
0  
17#
發表於 2009-2-4 11:52 | 只看該作者

回復 1# 的帖子

請問在上面的例子中有用ASP.NET 的作法實現"自動完成文字輸入"
我在"Default4.aspx"網頁中 <HEAD>區段寫入下面代碼.
<head runat="server">
   <script type="text/javascript">  
       $("#t1").autocomplete('Default4.aspx');  
    </script>  
</head>

問題:
1>.我在Default4.vb要如何改寫呢?
2>.在"Default4.aspx"中要寫接收的副程式嗎?如何將目前頁面資料傳到後端處理?
以上 煩請指導...

TOP

terry.lin

Rank: 1

帖子
13 
主題
0 
精華
0 
積分
1 
威望
1  
金錢
0  
18#
發表於 2009-2-4 17:26 | 只看該作者

我的有問題！可以幫忙一下嗎？

dear all,
可以幫忙看一下嗎？我的都沒有反應，也沒有錯誤訊息，是怎麼了？
程式在如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />     
<script type="text/javascript" src="jquery-1.3.1.min.js"></script>  
<script type="text/javascript" src="jquery-1.3.1.js"></script>  
<script type="text/javascript" src="jquery.autocomplete.js"></script>  
</head>  
<body>  
<input type="text" name="t1" id="t1" />  
<script type="text/javascript">  
$(function() {
  var data = ['aaa','aaaaa','aabbb','aaccc','dddd'];      
  $("#t1").autocomplete(data, {   
  minChars: 0,   
  width: 310,   
  matchContains: true,   
  autoFill: false
  });  
alert("over here");   
      
});   
</script>  
</body>  
</html>

TOP

wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
19#
發表於 2009-2-4 20:57 | 只看該作者
原帖由 terry.lin 於 2009-2-4 17:26 發表
可以幫忙看一下嗎？我的都沒有反應，也沒有錯誤訊息，是怎麼了？


你的程式可能要注意:
1. jQuery 有重複引用了, 只需要引用一次即可
2. autocomplete 這個 js 檔是否存在

其他的部份看起來沒有問題喔
To infinity and beyond!

TOP

wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
20#
發表於 2009-2-4 22:09 | 只看該作者
原帖由 liaoost 於 2009-2-4 11:52 發表
請問在上面的例子中有用ASP.NET 的作法實現"自動完成文字輸入"
我在"Default4.aspx"網頁中 區段寫入下面代碼.


你要用這段 javascript 的話，得先引用 jquery 和 autocompelete 兩個 js，另外還有一個 css。
引用之後，這一段 javascript 則要等到整個 page load 進來後才能去呼叫。
你可以參考你那篇 post 底下的另一篇，那一篇裡面就有一個完整的範例。
若是對 jQuery 還不太熟悉的話，可以參考[jQuery 教學 - 基礎篇]的說明。

都完成之後呢，就可以再繼續 server 端的部份，如果你要在同一隻 aspx 內使用的話，就得改用帶參數的方式進去，並且把程式寫在 Page_Load() 裡面。

.aspx 要改成這樣：
$("#t1").autocomplete('Default4.aspx?doQuery=1');
.vb 內會有這樣一段：
Sub Page_Load()
  If Request("doQuery") = "1" Then
    '這邊就用一個選項換一行的方式輸出資料吧
  End If
  Response.End()
End Sub
大致如上，請試試看吧
To infinity and beyond!

TOP

12345678910... 13
返回列表 回復 發帖