모델 목록에서 데이터 자동 완성 방법을보기로 전달합니다

Question

질문이 있습니다 : MVC 웹 API를 사용하고 '입력'에 '데이터 자동 완성'옵션을 사용하고 싶습니다. '@ Url.Action (string actionName, string controllerName);'으로 데이터를 가져오고 싶습니다. 컨트롤러에서 모델 목록을 전달할 때 뷰에서 데이터를 가져 오려고합니다. @model List<Project_2.Models.CartiModels>처럼이 입력을 자동 완성하지 않으려 고합니다. data-autocomplete="@Url.Action("method", "controller")".

첫 번째 페이지로드시 뷰에로드 된 목록을로드하고 클라이언트가 텍스트 상자에 다른 값을 도입 할 때마다 자체를 생성하지 않기 때문입니다.

도와주세요! 보기에 당신에게

Answer 1

감사는 다음과 같이 당신은 그것을 할 수 있습니다 :

<script type="text/javascript">  
    $(document).ready(function() { 
     // Assign your list to Jquery variable 
     var list = @Model.Name; 
    }  

$(".txtAutocomplete").autocomplete({ 
    // Specify the source as the jquery variable 
    source: function (request, response) { 
     $.each(list, function (index, item) { // Iterate through your list 
       itemList.push({ label: item.PropertyName, value: item.PropertyName2 }); 
     }); 
     response(itemList); 
    }, 
    ..... 
</script>