ASP.NET MVC : jQuery UI 자동 완성 (출력 값 레이블 키 쌍)의 출력 형식

Question

다음과 같은 아이디어가 있지만 코드 스 니펫이나 유사한 예제를 찾을 수 없으므로 가능한지 모릅니다 그것 jQuery UI와 함께. 그래서 내 데이터베이스에서 나는 모든 고객 ID와 이름을 가지고있는 테이블을 가지고 :

ID  Name 
1   John Example 
2   Johnny Example 

내가, 지금하고 싶은 경우, 사용자 유형 요는 그에게 다음과 같은 방법으로 항목을 표시해야합니다 :

John Example - 1 
Johnny Example - 2 

내 질문 : 내 자동 완성 기능과 같은 디스플레이를 할 수 있습니까?

순간에보기와 자동 완성 기능에 대한 나의 코드는 다음과 표시 고객의 이름과 같은

:

<script> 
    $("#CustomerName").autocomplete({ 
     source: "/Customer/AutoCompleteCustomer", 
     minLength: 2 
    }) 
</script 

감사하고 당신이 어떤 추가 정보가 필요하면, 내가, 내가 것 알려 주시기 바랍니다 가능한 한 빨리 제공하십시오.

Answer 1

의이 jQuery docs 살펴 보자 :

가 지원되는 두 가지 형식이 있습니다

• 문자열의 배열 : [ "Choice1", "선택 2"]
• 레이블 객체의 배열 및 값 속성 : [{label : "Choice1", 값 : "value1"}, ...]

데이터 예를 들어

을 위해 서버로 요청을 얘기 할 때

나중에는, 소스 옵션 "http://example.com"와 유형 foo는 사용자가 GET 요청이 http://example.com?term=foo로 할 것이다하도록 설정되어있는 경우. 데이터 그 자체는 위에서 설명한 로컬 데이터와 동일한 형식 일 수 있습니다. 제안 사항 메뉴에 label 속성이 표시됩니다. 그래서

, 한 서버가 문자열 배열 중 하나로 데이터를 반환 할을 담당 같이

["John Example - 1", "Johnny Example - 2"] 

또는 객체 배열 :

[{label: "John Example - 1", value: "1"}, {label: "Johnny Example - 2", value:"2"}] 

의 jQuery 자동 완성을 선택 할 수 있습니다 그것을 당신이 필요로하는 방식으로 보여줍니다.