返回列表 發帖
原帖由 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

原帖由 terry.lin 於 2009-2-4 17:26 發表
可以幫忙看一下嗎?我的都沒有反應,也沒有錯誤訊息,是怎麼了?


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

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

TOP

我的有問題!可以幫忙一下嗎?

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

回復 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

歡迎常來逛逛
To infinity and beyond!

TOP

可以了...

我少了一個jquery 的js

TOP

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

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

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

TOP

呈現的方式應該可以在 formatItem 這邊處理,要讓值靠左、結果靠右就寫在這裡面。
To infinity and beyond!

TOP

感覺他只是再回傳訊息 加幾個字
沒有值是靠左
然後結果數是靠右

TOP

我看了一下官方的 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

返回列表 回復 發帖