2012-10-12 31 views
-2

我有一個TextBox,其中,如果I型的任何文本的值是從使用AJAX和結果數據庫中提取被顯示,但我必須在TextBox在此基礎上結合不同的值和文本在文本框的文本AJAX數據,即我必須顯示AcctName列的值和AcctName列的值,但我無法做到這一點。綁定值,並使用AJAX

這裏是我的服務器端代碼:

[WebMethod] 
public static List<string> GetAutoCompleteData(string partyname) 
{ 
    List<string> result = new List<string>(); 
    DataTable dt; 
    AccountInfo oAccount = new AccountInfo(); 
    dt = oAccount.GetAccountInfo((int)HttpContext.Current.Session["CompCode"], 0); 

    if (dt.Rows.Count > 0) 
    { 
     for (int i = 0;i < dt.Rows.Count; i++) 
     { 
      result.Add(dt.Rows[i]["AcctCode"].ToString() + ";"+ result.Add(dt.Rows[i]["AcctName"].ToString() + ";");); 
     } 
    } 
    return result; 
} 

HTML:

<div class="ui-widget"> 
    <input id="txtSearch" runat="server" class="autosuggest" style="min-width:100px;height:20px;" type="text" /> 
</div> 

的JavaScript:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> 
<script> 
    $(document).ready(function() { 
     SearchText(); 
    }); 

    function SearchText() { 
     $(".autosuggest").autocomplete({ 
      source: function(request, response) { 
       $.ajax({ 
        type: "POST", 
        contentType: "application/json; charset=utf-8", 
        url: "PurchaseOrder.aspx/GetAutoCompleteData", 
        data: "{'partyname':'" + document.getElementById('ctl00_ContentPlaceHolder1_txtSearch').value + "'}", 
        dataType: "json", 
        success: function(data) { 
         response(data.d);     
        }, 
        error: function(result) { 
         alert("Error"); 
        } 
       }); 
      } 
     }); 
    } 
</script> 
+1

請再具體些,你有什麼錯誤在這裏。不要讓我們猜測什麼是不工作的。 – Aristos

+0

沒有它正在工作,但問題是,在這個文本框中動態添加Li中的ul,但我必須將li值綁定到列名AcctCode和文本中我必須綁定AcctName即我有使用;分離器綁定結果,或者我應該發送u項目示例代碼 – iProgrammer

+0

嘿,我已經使用您的帖子http://jqueryui.com/autocomplete/#custom-data但我怎麼能綁定這個值和描述從ajax bcoz在這種情況下被分配staticaly,我必須在desc中綁定accname,並在這個標籤的值中進行acccode,所以我如何綁定它 – iProgrammer

回答

0

在類型text文字和價值input元素的情況下,爲同樣的事情和那些不能不同。

你可以看看這個例子:jQuery UI Autocomplete - Combobox。它顯示瞭如何自定義自動完成功能,以便使用自動完成功能將select元素轉換爲input元素。

作爲一種替代方案,您可以修改此示例:jQuery UI Autocomplete - Custom data and display以便將該值綁定到* data - **屬性,並在以後手動發佈適當的值。

當您選擇您的方法時,我可能會進一步提供幫助。

UPDATE

您可以在此答案看一看,以獲得第二個方案供試品溶液:jQuery AutoComplete multiple Output