0

Estou tentando fazer um autocomplete, mas está dando o seguinte erro, nao chega nem a fazer o post...

inserir a descrição da imagem aqui

Meu código está assim:

 <script type="text/javascript">
$(function () {
    $("[id$=DsValor]").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: '@Url.Action("GetPalavraChave", "HomeCanal")',
                data: "{ 'prefixo': '" + request.term + "'}",
                dataType: "json",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    response($.map(data.d, function (item) {
                        return {
                            label: item.split('-')[0],
                            val: item.split('-')[1]
                        }
                    }))
                },
                error: function (response) {
                    alert(response.responseText);
                },
                failure: function (response) {
                    alert(response.responseText);
                }
            });
        },
        select: function (e, i) {
            $("[id$=hfCustomerId]").val(i.item.val);
        },
        minLength: 1
    });
});

E o backend está assim:

 [WebMethod]
    public static string[] GetPalavraChave(string prefixo)
    {
        List<string> clientes = new List<string>();
        using (SqlConnection conn = new SqlConnection())
        {
            conn.ConnectionString = ConfigurationManager.ConnectionStrings["WhiteLabelVOD"].ConnectionString;
            using (SqlCommand cmd = new SqlCommand())
            {
                cmd.CommandText = "SELECT * FROM Palavra_Chave WHERE Ic_Ativo = 1 AND Ds_Palavra_Chave LIKE @Texto + '%'";
                cmd.Parameters.AddWithValue("@Texto", prefixo);
                cmd.Connection = conn;
                conn.Open();
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while (sdr.Read())
                    {
                        clientes.Add(string.Format("{0}-{1}", sdr["ContactName"], sdr["CustomerId"]));
                    }
                }
                conn.Close();
            }
        }
        return clientes.ToArray();
    }
1
  • Você tem um erro no jquery-ui.theme.css, você alterou esse arquivo? E para poder ajudar precisamos ver mais da seu front só o código do autocomplete não ajuda, porque o segundo erro também não é relacionado a ele Commented 15/02/2018 às 14:06

1 Resposta 1

0

Consegui resolver da seguinte forma, retornando em Json!

   [HttpPost]
    public JsonResult AutoCompleteTag(string prefixo)
    {
        List<PalavraChaveModel> palavras = new List<PalavraChaveModel>();
        using (SqlConnection conn = new SqlConnection())
        {
            conn.ConnectionString = ConfigurationManager.ConnectionStrings["WhiteLabelVOD"].ConnectionString;
            using (SqlCommand cmd = new SqlCommand())
            {
                cmd.CommandText = "SELECT * FROM Palavra_Chave WHERE Ic_Ativo = 1 AND Ds_Palavra_Chave LIKE @Texto + '%'";
                cmd.Parameters.AddWithValue("@Texto", prefixo);
                cmd.Connection = conn;
                conn.Open();
                using (SqlDataReader sdr = cmd.ExecuteReader())
                {
                    while (sdr.Read())
                    {
                        PalavraChaveModel pl = new PalavraChaveModel();
                        pl.IdPalavraChave = (Int32)sdr["Id_Palavra_Chave"];
                        pl.DsPalavraChave = (string)sdr["Ds_Palavra_Chave"];
                        palavras.Add(pl);
                    }
                }
                conn.Close();
            }
        }
        return Json(palavras, JsonRequestBehavior.AllowGet);
    }

E a minha view ficou assim:

  $("[id$=DsValor]").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: '@Url.Action("AutoCompleteTag", "HomeCanal")',
                        data: "{'prefixo':'" + request.term + "'}",
                        dataType: "json",
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        success: function (data) {
                            response($.map(data, function (item) {
                                return { label: item.DsPalavraChave, value: item.DsPalavraChave, IdPalavraChave: item.IdPalavraChave };
                            }))

                        },
                        error: function (response) {
                            alert(response.responseText);
                        },
                        failure: function (response) {
                            alert(response.responseText);
                        }
                    });
                },
                select: function (e, i) {
                    $("#IdPalavraChave").val(i.item.IdPalavraChave);
                },
                minLength: 1
            });

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 .