2016-03-21 26 views
1

Sayfam için otomatik tamamlama işlevselliği yapmaya çalışıyorum. Metin kutum var ve veritabanımdan önerilerde bulunmak istiyorum.Otomatik Tamamlama ASP.NET MVC with JSON

benim denetleyicisi bu JsonResult vardır:

public JsonResult ItemAutocomplete(string term) 
{ 
    var result = _db.SelectTable("SELECT [i].[Name] from [dbo].[Item][i] WHERE [i].[Name] LIKE @0", SqlDb.Params(term +"%")); 
    return Json(result, JsonRequestBehavior.AllowGet); 
} 

ve görünümde:

@Scripts.Render("~/bundles/jqueryui") 
<h2>jQuery AutoComplete</h2> 
<script> 
     $(function() { 
      $('#tags').autocomplete({ 
       source: function (request, response) { 
        $.ajax({ 
         url: '@Url.Action("ItemAutocomplete")', 
         extraParams: { term: $('#tags').val(), 
         dataType: "json", 
         contentType: 'application/json, charset=utf-8', 
         data: { 
          term: $("#tags").val() 
         }, 
         success: function (data) { 

          response($.map(data, function (item) { 
           return { 
            label: item 
           }; 
          })); 
         }, 
         error: function (xhr, status, error) { 
          alert(error); 
         } 
        }); 
       }, 
       minLength: 2 
      }); 
     }); 

</script> 

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags" /> 
</div> 

sorun benim ItemAutocomplete JsonResult hep diyoruz bile ... boş param almasıdır Bunun gibi localhost, doğrudan: "localhost/Randevu/ItemOutocomplete/item1".

+0

Denedim, aynı şeyi yapar .. Ayrıca şu hatayı alırım: 'System.Reflection.RuntimeModule' türünde bir nesneyi serileştirirken dairesel bir referans saptandı. –

+0

SQL sorgusunda şüphe ediyorum. Kod koyduktan sonra arkaya koy. _result_'da bir şey var mı? – Bikee

+1

Bu soruna neden olup olmadığından emin değilsiniz, ancak extraParams: {term: $ ('# tags'). Val(), '' bir kapanış eksik '' '' –

cevap

3

Kullanım

data: { term: request.term } 

yerine Otomatik Tamamlama Metin kutusuna

data: { term: $('#tags').val() } 

altında (request.term), arama dizesi "request.term" tarafından algılar.

+0

Çalışır, teşekkür ederim! :) –