Discussion :

[Invité]

Bonjour,

Mon site est en MVC3.
Dans le but d'utiliser l'autocomplete de jQuery Ui je crée un tableau de string dans mon controller et le serialyze avec un JavascriptSerializer pour en suite le retrouver dans ma vue comme ceci

Code :

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

 var data = '@Html.Raw(ViewBag.Tab)';

puis je remplis mon autocomplete

Code :

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

1
2
3
4
 var data = '@Html.Raw(ViewBag.Tab)';
$(".auto").autocomplete({
   source: data
});

mais ça ne marche pas. Alors j'ai fait un

Code :

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

alert(data);

je récupère un tableau tout beau ["elem1", "elem2",...]

et lorsque je lie a la main l'autocomplete et le tableau, cela fonctionne.

Code :

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

1
2
3
$(".auto").autocomplete({
   source: ["elem1", "elem2",...]
});

Comment faire pour que cela marche avec le tableau venant du controlleur ?
Merci

[danielhagnoul]

Bonsoir

Idée : Assurez-vous que '@Html.Raw(ViewBag.Tab)' donne bien un Array JS avec isArray : http://api.jquery.com/jQuery.isArray/.

if ( $.isArray( '@Html.Raw(ViewBag.Tab)' ) ){ ... }.

Sinon essayez de transformer le résultat en un véritable Array JS avec http://api.jquery.com/jQuery.makeArray/

var data = $.makeArray( '@Html.Raw(ViewBag.Tab)' );.

[royto]

il faut supprimer les quotes lors de ta déclaration de data sinon data est considéré comme une chaine de caractère

Code :

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

var data = @Html.Raw(ViewBag.Tab);

[Invité]

Bonjour,

J'ai essayé ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
if ( $.isArray(@Html.Raw(ViewBag.Tab)) )
{
   alert('true');
   var data = @Html.Raw(ViewBag.Tab);
}
else
{
   alert('false');
   var data = $.makeArray(@Html.Raw(ViewBag.Tab));
}

Je passe tout le temps dans le else et avec ou sans quotes au tour du @Html.Raw(ViewBag.Tab), le résultat est que je me retrouve avec une seule ligne contenant tout le tableau dans l'autocomplete.

D'autres idées ?

Edit: mon controller:

Code :

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

1
2
3
4
5
6
var rames = (from s in Ctx.Rames select s.Name).ToArray(); // rames est un String[]
var serializer = new JavaScriptSerializer();
serialiser.serialize(rames);
// A ce stade rames est toujours un String[].... serializer useless ?
// Du coup je fais un ToString
ViewBag.Rames = rames.ToString();

Edit 2:
Apres le $.makeArray(@Html.Raw(ViewBag.Tab));, j'ai fait un alert(data);. La pop up m'informe que data est un System.String[].

Quand on aura trouvé la réponse, il serait peut etre bien de la faire apparaitre dans le FAQ...

[danielhagnoul]

Bonjour

Code :

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

1
2
3
$(".auto").autocomplete({
   source: $.makeArray( @Html.Raw(ViewBag.Tab) )
});

Vous devez logiquement obtenir un véritable Array JS de string, ce qui est la première forme acceptable par l'UI Autocomplete. Voir : http://api.jqueryui.com/autocomplete/#option-source

La pop up m'informe que data est un System.String[].

OK ! Un array de string !

le résultat est que je me retrouve avec une seule ligne contenant tout le tableau dans l'autocomplete.

La chose semble logique.

Ne connaissant pas le langage utilisé et le MVC3, je ne peux pas comprendre ce qui vous dérange dans le résultat obtenu ni vous aider.

[Invité]

Voici la solution:

Code :

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

1
2
3
4
 
   $(".autoC").autocomplete({
      source: @Html.Raw(Json.Encode(ViewBag.Rames))
   });

Pas besoin de isArra()y ou de makeArray().

Merci pour votre aide