[ASP/C#] Toolkit AutoCompleteExtender

Version imprimable

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:

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:

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.

10/03/2011, 12h37
calagan99

Citation:

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 ?
10/03/2011, 12h58
papouuu

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

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

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.

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:

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;
                }
            }
        }

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

Code:

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:

 <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

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:

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:

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:

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;
    }

10/03/2011, 21h40
V_inSe

Citation:

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.
11/03/2011, 09h09
papouuu

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?

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:

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:

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.

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

Code:

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 )

11/03/2011, 10h15
V_inSe

Il ne se passe toujorus rien :aie:! 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:

<ajaxToolkit:AutoCompleteExtender ID="AutoCompleteExtender1" ServiceMethod="GetProducts"
11/03/2011, 10h40
papouuu

8O 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
11/03/2011, 10h48
calagan99

Tu as testé la requête :

Code:

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

a la mano ?
11/03/2011, 11h00
papouuu

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

Code:

SELECT NOM FROM PERS WHERE NOM LIKE @prefixText + '%'
11/03/2011, 11h01
V_inSe

Citation:

Tu as copié collé le code?

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

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.
11/03/2011, 11h26
calagan99

Citation:

Envoyé par papouuu

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

Code:

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.
11/03/2011, 11h32
V_inSe

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.
11/03/2011, 14h13
V_inSe

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

Citation:

(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?
11/03/2011, 14h25
papouuu

Non, rien à mettre dans le web.config...
mmm si tu commentes ta WebMethod dans ton code behind, est-ce qu'il te sort un erreur du style

Citation:

La WebMethod GetProducts n'existe pas

Et tu as éssayé la requête dans ton SGBD pour voir ce qu'elle retourne?
(à la place de @prefixText tu mets '%')
11/03/2011, 14h37
V_inSe

Citation:

mmm si tu commentes ta WebMethod dans ton code behind, est-ce qu'il te sort un erreur du style

Citation:

La WebMethod GetProducts n'existe pas

Et tu as éssayé la requête dans ton SGBD pour voir ce qu'elle retourne?
(à la place de @prefixText tu mets '%')

J'ai commenté et il n'affiche aucune erreur. Pareille pour la requête je l'exécute dans mon sgbdr et il me retourne bien tout les nom.
C'est la webmethod je ne rentre pas dedans je ne vois pas d'autre explication. Je pensé que c'était un problème avec le kit (j'utilisais la 3.5) alors j'ai téléchargé la 4 mais ça ne change rien.
11/03/2011, 14h51
papouuu

Tu as essayé
- De supprimer ton Script Manager voire s'il te retourne bien une erreur?
- D'utiliser le ToolkitScriptManager de l'AJAX toolkit que tu as ajouté?

Ta WebMethode est bien dans le bon .aspx.cs?
Des questions bêtes mais là je vois vraiment pas ce qui bloque
11/03/2011, 15h07
V_inSe

Ahhh ça marche! J'ai mis le scriptmanager du toolkit et ça passe! Merci pour ton aide et pardon pour le dérangement. Si on était voisin je t'inviterais à prendre une bière :mrgreen:. Encore un grand merci à toi et à calagan99.
11/03/2011, 15h13
calagan99

C'est quand même dommage que tu n'aies pas commencé par te rencarder un peu sur l'utilisation du toolkit et son préalable : un scriptmanager sur la master page ou la page.

C'est résolu, c'est le principal, mais fais plus attention la prochaine fois ;)
11/03/2011, 15h21
papouuu

Ouf enfin :mrgreen:
On aura galéré la dessus :aie:

Si ta liste est plus longue que tu ne le souhaite lors du déroulement, je tinvite à revoir le post ou je t'ai donné une classe CSS et à l'ajouter à ton AutocompleteExtender pour avoir un déroulement restreint avec acensseur
11/03/2011, 15h25
V_inSe

d'accord je vais voir ça. Encore merci:ccool:!