[ASP/C#] Toolkit AutoCompleteExtender

**V_inSe** · 10/03/2011, 12h06

Bonjour,

J'ai suivi un petit tutoriel http://www.davidhayden.com/blog/dave...erControl.aspx pour utiliser AutoCompleteExtender. Je fais tout comme il est dit mais ça ne marche pas.

Voici ma page aspx :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestAjax.WebForm1" %>
 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
 
 
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server"/>
 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
 <asp:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" ServicePath ="MonWebService.asmx"  ServiceMethod="GetSuggestions" TargetControlID="TextBox1" MinimumPrefixLength="1" CompletionSetCount="12"/>
       <asp:SqlDataSource ID="SqlDataSource1" runat="server"></asp:SqlDataSource>
    </form>
 
</body>
</html>

et ma page web service :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<%@ WebService Language="C#" CodeBehind="MonWebService.asmx.cs" Class="TestAjax.MonWebService" %>
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
 
namespace TestAjax
{
    /// <summary>
    /// Description résumée de MonWebService
    /// </summary>
    /// 
 
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // Pour autoriser l'appel de ce service Web depuis un script à l'aide d'ASP.NET AJAX, supprimez les marques de commentaire de la ligne suivante. 
    [System.Web.Script.Services.ScriptService]
 
    public class MonWebService : System.Web.Services.WebService
    {
 
        //[WebMethod]
        //public string HelloWorld()
        //{
        //    return "Hello World";
        //}
 
    [WebMethod]
 
    public string[] GetSuggestions(string prefixText, int count)
 
    {
 
        List<string> responses = new List<string>();
 
        for (int i = 0; i < count; i++ )
 
            responses.Add(prefixText + (char)(i + 65));
 
 
 
        return responses.ToArray();
 
    }
 
}
}

Je travaille sur un projet application web et non un site web. Est ce que le problème viendrait de là? Je part vraiment de zero avec l'ajax dans de l'asp si vous pouvez m'aider un peu ça serait sympa.
Merci à vous.

**calagan99** · 10/03/2011, 12h37

Envoyé par V_inSe

Je fais tout comme il est dit mais ça ne marche pas.

Donne nous des précisions, qu'est ce qui ne marche pas ?
Es-tu sûr du chemin vers ton asmx ?
Est-ce que tu rentres dans ta webmethod ?
As-tu une exception quelque part ?

**papouuu** · 10/03/2011, 12h58

Oui, un peu plus d'explication serait bien.
Sinon quelques pistes: Il y a plusieurs toolkits qui dépendent du Framework (3.5 ou 4 je crois) selon le Framework qui tu utilises, il faut choisir le bon ScriptMananger, avec Framework 4, le ScriptManager de AJAX passe, avec 3.5 il faut utiliser le ScriptManager du toolkit.

Lien trouvé par Zoofy sur lequel il s'est appuyé pour son AutoComplete:
http://www.asp.net/ajax/ajaxcontrolt...ocomplete.aspx

**V_inSe** · 10/03/2011, 14h04

Non aucune erreur ne s'affiche et pas d'exception. Je fais appel à mon web service dans la page aspx comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<asp:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" ServicePath ="MonWebService.asmx"  ServiceMethod="GetSuggestions" TargetControlID="TextBox1" MinimumPrefixLength="1" CompletionSetCount="12"/>

Mais j'ai pas l'inpression de rentrer dedans. Faut-il que je fasse appel à ma webmethod dans le code behind? Je n'ai pas de problème avec le chemin de mon asmx, je crois que ça vient d'un problème d'appel!

Pour réponde à ta question papouuu j'utilise bien le framwork 4 et son ScriptManager.

**papouuu** · 10/03/2011, 14h20

Je n'utilise pas de .asmx quand j'utilise un AutoCompleteExtender, je mets ma ServiceMethod directement en code behind et voici exemple de comment je fais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
[System.Web.Script.Services.ScriptMethod()]
        [System.Web.Services.WebMethod]
        public static List<string> SearchCustomers(string prefixText, int count)
        {
            using (SqlConnection conn = new SqlConnection())
            {
                conn.ConnectionString = ConfigurationManager
                        .ConnectionStrings["prodchimiquesConnectionString"].ConnectionString;
                using (SqlCommand cmd = new SqlCommand())
                {
                    cmd.CommandText = "select ID_Article from Article where " +
                    "ID_Article like @SearchText + '%'";
                    cmd.Parameters.AddWithValue("@SearchText", prefixText);
                    cmd.Connection = conn;
                    conn.Open();
                    List<string> articles = new List<string>();
                    using (SqlDataReader sdr = cmd.ExecuteReader())
                    {
                        while (sdr.Read())
                        {
                            articles.Add(sdr["ID_Article"].ToString());
                        }
                    }
                    conn.Close();
                    return articles;
                }
            }
        }

**V_inSe** · 10/03/2011, 15h00

Bon j'ai supprimé mon fichier serviceweb et j'ai mis ma webmethod dans mon code behind comme tu me l'as dis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 public partial class WebForm1 : System.Web.UI.Page
    {
           [WebMethod]
            public static string[] GetSuggestions(string prefixText, int count)
            {
                List<string> responses = new List<string>();
                for (int i = 0; i < count; i++)
                    responses.Add(prefixText + (char)(i + 65));
 
                return responses.ToArray();
            }
            protected void Page_Load(object sender, EventArgs e)
            {
            }
 
            protected void TextBox1_TextChanged(object sender, EventArgs e)
            {
            } 
    }

Ensuite je fais appel à ma webmethod dans la page aspx :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <asp:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" ServiceMethod="GetSuggestions" TargetControlID="TextBox1" MinimumPrefixLength="1" CompletionSetCount="12"/>

Mais le resultat reste le même. Faut'il que je place la method à un endroit précis?

MERCI

**papouuu** · 10/03/2011, 15h58

Je comprends pas trop ce que tu veux faire en fait avec ton autocomplétion. Normalement c'est plutôt utilisé pour rechercher des données d'une table qui comporte beaucoup d'entrées.

Mais essayes ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public partial class WebForm1 : System.Web.UI.Page
    {
           [System.Web.Script.Services.ScriptMethod()]
           [System.Web.Services.WebMethod]
            public static List<string> GetSuggestions(string prefixText, int count)
            {
                List<string> responses = new List<string>();
                for (int i = 0; i < count; i++)
                    responses.Add(prefixText + (char)(i + 65));
 
                return responses
            }
            protected void Page_Load(object sender, EventArgs e)
            {
            }
 
            protected void TextBox1_TextChanged(object sender, EventArgs e)
            {
            } 
    }

ASPX:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<asp:AutoCompleteExtender ServiceMethod="GetSuggestions" 
    MinimumPrefixLength="1"
    CompletionInterval="100" EnableCaching="false" CompletionSetCount="10" 
    TargetControlID="TextBox1"
    ID="AutoCompleteExtender1" runat="server" FirstRowSelected = "false" CompletionListCssClass="test">
        </asp:AutoCompleteExtender>

Style CSS de la classe test:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.test
    {
        margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
    }

**V_inSe** · 10/03/2011, 21h40

Je comprends pas trop ce que tu veux faire en fait avec ton autocomplétion. Normalement c'est plutôt utilisé pour rechercher des données d'une table qui comporte beaucoup d'entrées.

Comme je te l'ai dis je débute dans ce domaine et pour le découvrir j'ai trouvé ce petit tuto. Dans mon cas je voudrai utiliser l'autocomplétion pour que lorsque l'utilisateur tapera une lettre dans le textbox recherche, il y ait le nom des personnes commençant par cette lettre qui apparaissent. Mais je me rend compte que c'est plus dur que se que je pensais.

**papouuu** · 11/03/2011, 09h09

Non, ce n'est pas ce qu'il y a de plus compliqué, mais c'est vrai qu'a partir des exemple que l'on trouve, c'est pas toujours facile.

Tes noms sont enregistrés dans une base de données?

**V_inSe** · 11/03/2011, 09h36

Bonjour,
J'ai repris depuis le début par rapport à mon cas. Je répète, le but ici et de proposé une liste de nom en fonction de la lettre que tape l'utilisateur dans le textebox. Mes nom sont bien enregistrés dans une base de données

Mon code devient donc :

ASPX :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
 
        <ajaxToolkit:AutoCompleteExtender ID="AutoCompleteExtender1" ServiceMethod="GetProducts" MinimumPrefixLength="1"
    CompletionInterval="100" EnableCaching="false" CompletionSetCount="10" 
 TargetControlID="txtBoxNom" runat="server">
        </ajaxToolkit:AutoCompleteExtender>
        <br />
        <asp:Label ID="lblRechNom"   runat="server" Text="Recherche : " 
            Font-Names="Arial Black" Font-Size="Large" ForeColor="#4ECAF3"></asp:Label>
 
        <br />
        <asp:TextBox ID="txtBoxNom" Text="nom médecin" runat="server" Height="30px" 
            style="margin-left: 0px; margin-bottom: 0px;" Width="200px" Font-Names="Arial Black" 
            Font-Size="X-Large"></asp:TextBox>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
 public partial class index : System.Web.UI.Page
    {
 
        static String connString = @"Data Source=B0168;Initial Catalog=annuaire;Integrated Security=True";
 
        [System.Web.Script.Services.ScriptMethod()]
        [System.Web.Services.WebMethod]
 
        public static string[] GetProducts(string prefixText)
        {
 
            SqlConnection conn = new SqlConnection(connString);
            conn.Open();
            SqlCommand comm = new SqlCommand("SELECT NOM FROM PERS WHERE NOM LIKE %" + @prefixText, conn);
            comm.Parameters.AddWithValue("@prefixText", prefixText + "%");
            SqlDataReader dr = comm.ExecuteReader();
            List<string> l = new List<string>();
            while (dr.Read())
            {
                l.Add(dr["NOM"].ToString());
            }
            conn.Close();
            string[] t = l.ToArray();
            return t;
        }

Je me demande si ça ne vient pas du paramètre que j'envois. Pourtant je n'ai aucune erreur retourné.
Vraiment merci de m'aider.

**papouuu** · 11/03/2011, 10h06

Je pense que c'est le type que tu renvoie.
Essaye ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
static String connString = @"Data Source=B0168;Initial Catalog=annuaire;Integrated Security=True";
 
        [System.Web.Script.Services.ScriptMethod()]
        [System.Web.Services.WebMethod]
 
        public static List<string> GetProducts(string prefixText, int count)
        {
            using (SqlConnection conn = new SqlConnection())
            {
                conn.ConnectionString = connString;
 
                using (SqlCommand cmd = new SqlCommand())
                {
                    cmd.CommandText = "SELECT NOM FROM PERS WHERE NOM LIKE @prefixText + '%'";
                    cmd.Parameters.AddWithValue("@prefixText", prefixText);
                    cmd.Connection = conn;
                    conn.Open();
                    List<string> l = new List<string>();
                    using (SqlDataReader dr = cmd.ExecuteReader())
                    {
                        while (dr.Read())
                        {
                            l.Add(dr["NOM"].ToString());
                        }
                    }
                    conn.Close();
                    return l;
                }                
            }
        }

(Voici un lien qui m'avait bien aidé si ca ne marche toujours pas:
http://www.aspsnippets.com/Articles/...-Services.aspx )

**V_inSe** · 11/03/2011, 10h15

Il ne se passe toujorus rien

! Je met un point d'arrêt sur ma webmethod pour voir se qui peut bien se passé et je remarque que quand je tape une lettre dans le textBox je ne rentre pas dans ma webmethod. Pourtant je renseigne bien le service dans l'autocomplete :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <ajaxToolkit:AutoCompleteExtender ID="AutoCompleteExtender1" ServiceMethod="GetProducts"

**papouuu** · 11/03/2011, 10h40

Tu as copié collé le code?

La je capte pas... chez moi ca passe très bien.. je suis sur framework 3.5, ca joue peut-être mais je pense pas

**calagan99** · 11/03/2011, 10h48

Tu as testé la requête :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

SELECT NOM FROM PERS WHERE NOM LIKE %" + @prefixText

a la mano ?

**papouuu** · 11/03/2011, 11h00

S'il a repris mon code la requête est alors

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

SELECT NOM FROM PERS WHERE NOM LIKE @prefixText + '%'

**V_inSe** · 11/03/2011, 11h01

Tu as copié collé le code?

Bien sûr que oui. J'ai repris exactement le code que tu m'as gentiment donné

.

Pour répondre à ta question calagan99 non je n'ai pas testé la requête avant vu que ça ne me générai aucune erreur. Ca viendrait de ma requête tu penses?
C'est la première fois que j'utilise des paramètres dans une requête. Je vais tester la requête à voir se que ça donne.
Merci.

**calagan99** · 11/03/2011, 11h26

Envoyé par papouuu

S'il a repris mon code la requête est alors

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

SELECT NOM FROM PERS WHERE NOM LIKE @prefixText + '%'

Peu importe la syntaxe de la requête à vrai dire, tant qu'il la teste dans management studio.
Cela dit, il devrait quand même rentrer dans les webméthode.

**V_inSe** · 11/03/2011, 11h32

J'ai une question peut être un peu bête mais mon paramètre @prefixtext doit-il être déclarer quelque part dans mon code?
papouuu je suis allé voir ton lien j'ai fais comme ils dise en plus de se que toi tu m'as dis et je n'ai toujours rien. C'est pas facile de trouver quand surtout quand aucune erreur ne s'affiche.

**V_inSe** · 11/03/2011, 14h13

Bon c'est pas possible je ne dois pas rentrer dans ma webmethod!

(Voici un lien qui m'avait bien aidé si ca ne marche toujours pas:
http://www.aspsnippets.com/Articles/...-Services.aspx )

J'ai suivis exactement comme il est dit dans ce tuto mais ça revient toujours au même. Je suis presque sûr qu'à aucun moment j'appelle ma webmethod. C'est bizarre car je n'ai ni d'erreurs, ni d'exceptions! Il ne faudrait pas que je configure quelque chose dans le web.config ou autre?