2012-06-24 6 views
0

뷰에서 몇 개의 jQuery 자동 완성 함수를 사용하여 CustomerName 및 CustomerID를 검색합니다.jquery 자동 완성 된 반환 값

$(document).ready(function() { 
    $('#CustomerByName').autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       url: "/Cases/FindByName", 
       type: "GET", 
       dataType: "json", 
       data: { 
        searchText: request.term, 
        maxResults: 10 
       }, 
       contentType: "application/json; charset=utf-8", 
       success: function (data) { 
        response($.map(data, function (item) { 
         return { 
          label: item.CustomerName, 
          value: item.CustomerName, 
          id: item.CustomerID 
         } 
        })); 
       } 
      }); 
     }, 
     minLength: 1, 
     select: function (event, ui) { 
      $('#CustomerID').val(ui.item.id); 
     }, 
    }); 
}); 

성공 응답은 나에게 레이블, 값, ID를 제공합니다. json 데이터에서 다른 필드 반환에 액세스 할 수있는 방법이 있습니까? 이 경우 전체 테이블은 json으로 반환됩니다.

감사

+0

, 필요가 그들을 제목에 추가 없습니다. – gdoron

+0

답변 해 주셔서 감사합니다. 나는 당신이 무슨 뜻인지 이해하지 못합니다. 나는 jquery를 처음 사용합니다. – Ryan

답변

2

당신이 선택 예에 사용할 여분의 필드를 포함하는 성공의 함수를 수정

success: function (data) { 
       response($.map(data, function (item) { 
        return { 
         label: item.CustomerName, 
         value: item.CustomerName, 
         id: item.CustomerID, 
         // extra fields go here 
         address: item.CustomerAddress 
        } 
       })); 
      } 

그리고이 같은 선택 기능에 액세스 할 수 있습니다 : 당신은 태그를 가지고

select: function (event, ui) { 
    $('#CustomerID').val(ui.item.id); 
    alert('CustomerAddress is ' + ui.item.address); 
},