2012-10-12 4 views
-2

나는 AJAX를 사용하여 데이터베이스에서 가져온 텍스트 값을 입력하면 그 결과가 표시되지만이 값을 기초로 다른 값과 텍스트를 바인딩해야합니다. TextBox AJAX 데이터 즉, AcctName 열의 텍스트와 AcctName 열의 값을 표시해야하지만이 작업을 수행 할 수 없습니다. 여기 바인드 값 및 텍스트 상자에서 아약스를 사용하여

내 서버 측 코드 :

[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> 

자바 스크립트 : 유형 text 텍스트와 값의 input 요소의 경우

<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

아니 작동하지만 문제는이 텍스트 상자 dynamicaly ul에 리 추가하지만 열 이름을 AcctCode li 값을 바인딩해야합니다 및 텍스트 AcctName 바인딩 할 필요가 즉 내가 사용; seperator 바인딩 결과 또는 내가 프로젝트에 대한 샘플 코드를 보내야합니까 – iProgrammer

+0

이봐, 내가 게시물 http://jqueryui.com/autocomplete/#custom-data를 사용했지만 어떻게이 값과 설명을 아약스 bcoz에서 바인딩 할 수 있습니다. staticaly 할당 된 및 desc 내 accname 값을 acccode이 레이블에 그래서 바인딩 할 수 있습니다. – iProgrammer

답변

0

이 있습니다 똑같은 것들은 다를 수 없습니다.

이 샘플을 살펴볼 수 있습니다 : jQuery UI Autocomplete - Combobox. select 요소를 자동 완성 기능이있는 input 요소로 변환하기 위해 자동 완성을 맞춤 설정하는 방법을 보여줍니다.

이 샘플을 수정할 수 있습니다 : jQuery UI Autocomplete - Custom data and display 값을 * data - ** 속성에 바인딩하고 나중에 적절한 값을 수동으로 게시 할 수 있습니다.

당신이 당신의 접근 방식을 선택할 때 나는 더 도울 수 있습니다.

당신은 두 번째 시나리오에 대한 샘플 솔루션을 얻기 위해이 답변에 좀 걸릴 수 있습니다

UPDATE : jQuery AutoComplete multiple Output

관련 문제