Zend FR

ggouhier · 10-08-2010 11:53:51

Bonjour,

J'essaye de réaliser l'exemple de la doc jquery ui qui permet d'avoir un champs qui s'autocompléte avec toutes les villes du monde grâce au service geonames : http://jqueryui.com/demos/autocomplete/#remote-jsonp

Donc j'y arrive très bien en javascript mais j'avais envi d'essayer avec ZendX et j'avoue que je vois pas bien comment faire.

Un autocomplete en passant par un tableau banal, j'ai compris mais dans le cas du json je séche...

Donc en gros, ma question est la suivante, comment l'autocomplétion avec du json comme l'exemple présenter dans la doc de jquery ui s'écrit avec l'aide de vue autocomplete de ZendX_JQuery ?

Voici le code js que je souhaite écrire avec l'aide de vue autocomplete :

Code:

$("#city").autocomplete({
            source: function(request, response) {
                $.ajax({
                    url: "http://ws.geonames.org/searchJSON",
                    dataType: "jsonp",
                    data: {
                        featureClass: "P",
                        style: "full",
                        maxRows: 12,
                        name_startsWith: request.term
                    },
                    success: function(data) {
                        response($.map(data.geonames, function(item) {
                            return {
                                label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
                                value: item.name
                            }
                        }))
                    }
                })
            },
            minLength: 2,
            select: function(event, ui) {
                log(ui.item ? ("Selected: " + ui.item.label) : "Nothing selected, input was " + this.value);
            },
            open: function() {
                $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
            },
            close: function() {
                $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
            }
        });

Merci d'avance.

Dernière modification par ggouhier (10-08-2010 11:54:45)

Darkroll · 24-08-2010 09:51:52

Voici début de piste avec ce tutoriel video :
http://www.zendcasts.com/autocomplete-c … y/2010/07/

Si vous trouvez comment faire passer les fonctions par le biais de setJqueryParams je suis preneur

Zend FR

#1 10-08-2010 11:53:51

ZendX_JQuery - Aide de vue autocomplete

Code:

#2 24-08-2010 09:51:52

Re: ZendX_JQuery - Aide de vue autocomplete

Pied de page des forums