Aynı konuyu içeren birçok gönderi okudum, ancak hiçbiri yardım, bu nedenle yinelenen soru için özür dilerim :(IQ, JQueryUI sitesindeki basit örneği, sıkı kodlama değerleri ve otomatik tamamlama çalışmaları ile izledi ama benim veritabanından gelmeye lüzumJQuery UI Otomatik tamamlama ulaşılamıyor ActionResult C# MVC
Görünüm:.
@Html.TextBoxFor(model => model.Position, new { @type = "text", @id = "jobtitle", @name = "jobtitle", @placeholder = "Job Title" })
JS:
DÜZENLEME: Ben başarının bir uyarı eklendi ve uyarı çağrıldığını, ancak orada dat değil bir (yani. Hiçbir veri DB'den çekiliyor)
<script>
$(function() {
$("#jobtitle").autocomplete({
source: function (request, response) {
$.ajax({
url: '@Url.Action("JobsAutoFill", "Account")',
data: {
Prefix: request.term
},
success: function (data) {
alert(data);
response(data);
}
});
},
minLength: 1
});
//$("#jobtitle").autocomplete({
// source: "/Account/JobsAutoFill/"
//});
});
</script>
Ve Bağlantılar gerekli ekledik:
: Aşağıda<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
İşler listesini tutunmak için ActionResult (Aslında bir JsonResult) & Fonksiyon olduğu
public List<Jobs> GetAllJobs()
{
List<Jobs> JobsList = new List<Jobs>();
using (RBotEntities EF = new RBotEntities())
{
var JobsListQuery = (from ED in EF.EmploymentDetails
select new
{
ED.pkiEmploymentDetailID,
ED.Position
});
foreach (var item in JobsListQuery)
{
JobsList.Add(new Jobs
{
Id = item.pkiEmploymentDetailID,
Name = item.Position
});
}
}
return JobsList;
}
public JsonResult JobsAutoFill(string Prefix)
{
//Note : you can bind same list from database
List<Jobs> ObjList = new List<Jobs>();
ObjList = GetAllJobs();
//Searching records from list using LINQ query
var JobNames = (from N in ObjList
where N.Name.StartsWith(Prefix)
select new { N.Name });
return Json(JobNames, JsonRequestBehavior.AllowGet);
}
Bir şey mi eksik veya yanlış bir şey yapıyorum?
Yardımlarınız için minnettarım, teşekkürler!
Herhangi biri yardım edebilir mi? – AxleWack
Şimdi jquery'yi yoksayın. Bu bir GET yöntemidir. Bir web tarayıcısından erişmek için deneyin. Çalışıyor mu? İşler serileştirilebilir mi? Sunucuda bir kesme noktasına ulaşabilir misiniz? Ayrıca, "veri" nesnesinin içinde ne var? Ayrıca data.Data'yı deneyin. –
Şimdi Denetleyiciye ulaşabildiğim ve İşlerin döndüğünü görebildiğim, ancak şimdi gösterilmiyor (Sadece küçük bir kutuda küçük metinler görüyorum). Data.Data denedim ve undefined dedi. – AxleWack