검색을 위해 면도기를 사용하여 HTML 도우미 만들기

Question

면도기 도우미를 사용하여 사용자가 지정한 텍스트를 검색하기 위해 HTML 도우미를 만들었습니다. 내가 작성한 코드는 다음과 같습니다.

<script type="text/javascript"> 
    $('#companyName').change(function() { 
     var searchTerm = $(this).val(); 
     @Search(searchTerm); 
    }); 
</script> 

<p>Search For:</p> 
@Html.TextBox("companyName", Model) 

@helper Search(string searchTerm) 
{ 
    if (searchTerm !="" || searchTerm != null) 
    { 
     @searchTerm; 
    } 
    else 
    { 
     @searchTerm.Substring(0, 7)<text>...</text> 
    } 
    } 

여기서는 searchTerm에 텍스트 상자의 값을 전달하려고합니다. 내가 어떻게 할 수 있니?.

Answer 1

면도기 도우미가 서버에서 실행됩니다. 귀하의 경우 클라이언트의 textbox 인 .change() 이벤트에 가입하고 있습니다. 따라서 Razor 도우미가 아닌 클라이언트 측 자바 스크립트 핸들러를 작성해야합니다.

<script type="text/javascript"> 
    $('#companyName').change(function() { 
     var searchTerm = $(this).val(); 
     Search(searchTerm); 
    }); 

    function Search(searchTerm) { 
     // do the search here 
    } 
</script> 

<p>Search For:</p> 
@Html.TextBox("companyName", Model)