MVC는 - 자동 완성 선행 입력

부트 스트랩 나는 부트 스트랩 선행 입력 있지만 작동하지 않습니다와 텍스트 상자에 내 MVC 사이트에서 자동 완성을 만들려고합니다. 컨트롤러에서MVC는 - 자동 완성 선행 입력

@Html.EditorFor(model => model.Address.Name) 

@Html.ValidationMessageFor(model => model.Address.Name) 


// AUTOCOMLETE 
     $("#Address_Name").typeahead({ 
      source: function (request, response) { 
       $.ajax({ 
        url: "/Home/Places", 
        type: "POST", 
        dataType: "json", 
        data: { term: request }, 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { label: item.Name + ' - ' + item.Address, value: item.Name }; 
         })) 

        } 
       }) 
      }, 
      messages: { 
       noResults: "", results: "" 
      } 
     });

: 나는 내가 텍스트 상자에 쓴 결과 발견 된 모든 요소를 포함한 어떤 String 관점에서 볼 중단 점을 넣을 경우 Controller에서

// AUTOCOMPLETE - Places 
    public ActionResult Places(string term) 
    { 
     var result = (from r in unitOfWork.AddressRepository.Get() 
         where r.Name.ToLower().Contains(term.ToLower()) 
         select new { r.Name, Address = r.Street }).Distinct(); 

     return Json(result, JsonRequestBehavior.AllowGet); 
    }

. 나는 '성공'섹션의 '데이터'를 인쇄 할 때

메시지는 다음과 같습니다

[object Object] [object Object] [object Object] [object Object]

출처

2014-05-14 Gabor85

봅니다'내가 개체를 확장 할 수 있습니다 내가 객체가 필요한 것을 이름과 주소 값을 가지고 참조 콘솔에서 데이터 –

를 console.log' 나. 그리고 여기 부트 스트랩-typeahead.js에서 하나의 오류도 지금 를 참조하십시오 – Gabor85

정규 : 기능 (항목) { 경고 (항목) 반환 ~ item.toLowerCase() 같이 IndexOf (this.query.toLowerCase (.)) – Gabor85

당신이

HTML처럼 부트 스트랩 간단한 HTML5 자동 완성을 만들 수 있습니다

<label class="label">Input with autocomlete</label> 
     <label class="input"> 
         <input type="text" list="list"> 
         <datalist id="list"> 
          <option value="Alexandra"></option> 
          <option value="Alice"></option> 
          <option value="Anastasia"></option> 
          <option value="Avelina"></option> 
         </datalist> 
     </label>

출처

2014-11-04 12:52:47

MVC는 - 자동 완성 선행 입력

답변

관련 문제