Hola:
He implementado autocomplete de JQuery en una vista de mvc, y al asignar el valor a un campo del modelo y darle a guardar sale que error, diciendo que el modelo es null.
El código es el siguiente:
@model Entities.Actividad
<div class="form-group row">
@Html.LabelFor(model => model.AEconomicaId, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-6">
@Html.EditorFor(model => model.AEconomicaId, new { htmlAttributes = new { @class = "form-control form-control-sm" } })
@Html.TextBox("Actividad", null, new { @class = "form-control form-control-sm", @readonly = "readonly" })
@Html.ValidationMessageFor(model => model.AEconomicaId, "", new { @class = "text-danger" })
</div>
Al final del archivo el código jquery es:
$(document).ready(function () {
$("#AEconomicaId").autocomplete({
source: function (request, response) {
$.ajax({
url: "/Actividades/GetActividades",
type: "POST",
dataType: "json",
data: { Prefix: request.term },
success: function (data) {
response($.map(data, function (item) {
return {
label: item.Nombre,
value: item.Id
};
}))
}
})
},
messages: {
noResults: "",
results: function (count) {
return count + (count > 1 ? ' results' : ' result ') + ' found';
}
},
minLength: 3,
select: function (e, i) {
$("#Actividad").val(i.item.label);
},
});
})
![]()

Un Saludo.