none
Ayuda con MVCc Autocompletar y Css RRS feed

  • Pregunta

  • Amigos llevo todo lo que va del día y no he podido implementar el autocompletar en  un control con el siguiente codigo

     @Html.TextBoxFor(m => m.NOLICITACION, new { @class = "form-control", @placeholder = "Núm. Licitación", id = "txtlic" })

     me muestra los resultado pero el en list del autocompletar  esta muy feo y no puedo seleccionar el registro.

    este es el codigo del 

    <div id="Buscador" style="display:none;">
            <div class="container">
                
                    <div class="form-horizontal" , style="background-color: #dedef8;box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
                        <div class="col-md-2">
                            @Html.TextBoxFor(m => m.NOLICITACION, new { @class = "form-control", @placeholder = "Núm. Licitación", id = "txtlic" })
                        </div>
                        <div class="col-md-1">
                            @Html.TextBoxFor(m => m.EJERCICIO, new { @class = "form-control", @placeholder = "Ejercicio" })
                        </div>
                        <div class="col-md-2">
                            @Html.DropDownListFor(m => m.TIPOCOMPRAID, new SelectList(ViewBag.TipoCompra, "TIPOCOMPRAID", "DESCRIPCIONTIPOCOMPRA"),
                       "[Selec. Tipo de Compra]", new { @class = "form-control", @placeholder = "[Selec. Tipo de Compra]" })
    
                        </div>
                        <div class="col-lg-3">
                            <button type="submit" class="btn btn-success">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
    
                            @*<a class="btn btn-success pull-right" data-modal="" href="/Products/Create" id="btnCreate">
                                <span class="glyphicon glyphicon-plus"></span>
                            </a>*@
                        </div>
                    </div>
                
            </div>
    <script type="text/javascript">
        $(function () {
            $("#txtlic").autocomplete({
                source: '@Url.Action("AutoCompletarLicitacion")',
                minLength: 3,
                autoFocus: true,
                /*select: function (event, ui) {
                    alert(ui.item.NOLICITACION);
                }*/
            });
        });

    podrían  como siempre ayudar a este aprendiz,  saludos.


    Horacio Xochitemol Bautista

    miércoles, 8 de junio de 2016 19:18