2

Preciso do ID do item selecionado no Autocomplete do jquery,ao selecionar o item pelo autocomplete , enviar ao formulario o ID do item selecionado. No label O texto ao enviar via post o ID do item

        public ActionResult Cadastrar()
    {
        var veiculoVM = new VeiculoViewModel();
        veiculoVM.Pessoas = PessoaRepositorio.ListarPessoas()
         .Select(p => new Pessoa() { Nome = p.Nome, Codigo = p.Codigo }).ToList();


    }

  <script type="text/javascript" charset="utf-8">
$(document).ready(function () {

    var Pessoas = new Array();

    @if (Model.Pessoas != null) {
        foreach (var item in Model.Pessoas) {
            @:Pessoas.push('@item'.replace("&#186;", " "));
        }
    }


    $('#Pessoa').autocomplete({
        lookup: Pessoas,
    });
})

   <fieldset>
<div class="control-group">
    @Html.Label("Cliente: ")
    <div class="controls">
        @Html.TextBox("Pessoa")
        @Html.HiddenFor(model => model.CodigoPessoa, new { id = "hidden" })

    </div>
</div>
<div class="control-group">
    @Html.Label("Categoria do Veículo: ")
    <div class="controls">
        @Html.DropDownListFor(v => v.CodigoCategoriaVeiculo, Model.CategoriaVeiculoList)
    </div>
</div>
<div class="control-group">
    @Html.Label("Descrição: ")
    <div class="controls">
        @Html.TextBoxFor(v => v.Descricao, new { maxlength = "20" })
    </div>
</div>
<div class="control-group">
    @Html.Label("Ano de Fabricação: ")
    <div class="controls">
        @Html.TextBoxFor(v => v.AnoFabricacao, new { maxlength = "4" })
    </div>
</div>
<div class="control-group">
    @Html.Label("Placa: ")
    <div class="controls">
        @Html.TextBoxFor(e => e.Placa, new { maxlength = "7" })
    </div>
</div>
<div class="control-group">
    @Html.Label("Chassi: ")
    <div class="controls">
        @Html.TextBoxFor(e => e.Chassi, new { maxlength = "20" })
    </div>
</div>

2
  • No seu autocomplete você terá muitos dados?
    – Randrade
    Commented 9/04/2015 às 16:43
  • sim ! ele será uma lista de todas as pessoas que estao cadastradas em meu sistema Commented 9/04/2015 às 16:44

1 Resposta 1

1

No seu Controller você pode retornar o Codigo e o nome em um Json , deixando a sua consulta mais performática.

Ficaria algo assim:

public ActionResult Find( string term)
    {
        var resultado = PessoaRepositorio.METODO IENUMERABLE.Where(c => c.Nome.ToUpper().Contains(term.ToUpper()))
            .Select(c => new { value = c.Nome, id=c.Codigo });

        return Json(resultado.ToArray(), JsonRequestBehavior.AllowGet);

    }

E em sua View, você teria o TextBox do código (hidden) e o nome.

<div class="control-group">
                        @Html.Label("Cliente: ")
                        <div class="controls">
                             <input id="nomeCliente" type="text" class="form-control">
                             <input id="txtCodigo" type="hidden" class="form-control" name="CodigoPessoa"/>
                        </div>
                    </div>

E faria a busca, utilizando o AutoComplete, junto com uma requisição ajax ficando assim:

<script>
    $(function () {
        $("#nomeCliente").autocomplete({
            //           source:  '@Url.Action("Find", "Funcionario")'
            source: function (request, response) {
                $.ajax(
                    {
                        url: "Find",
                        dataType: "json",
                        data: { 'term': request.term },
                        success: response
                    });
            },

            focus: function (event, ui) {
                $("#CodigoPessoa").val(ui.item.value);
            },

            select: function (event, ui) {
                $("#txtCodigo").val(ui.item.value);
                $("#txtCodigo").val(ui.item.id);
                return false;
            }
        });
    });

</script>

Onde no script ele faz uma busca no método Find do seu Controller retornando o Nome em seu AutoComplete e salvando o Codigo.

3
  • implementei mas nao esta dando certo a funcao, fica esse erro no console do navegador Uncaught SyntaxError: Unexpected token < Commented 9/04/2015 às 17:19
  • @HansMiller saberia em qual linha?
    – Randrade
    Commented 9/04/2015 às 17:36
  • <!DOCTYPE html> o ero aponta para essa linha da pagina! Commented 10/04/2015 às 12:13

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .