jquery - example - El complemento ajaxChosen no funcionará

jquery chosen select option

Question

Estuve retocando toda la tarde con ajaxChosen, porque amo a Chosen, pero mis conjuntos de valores de opción son demasiado grandes. También experimenté con select2, pero es demasiado lento.

http://harvesthq.github.io/chosen/ https://github.com/meltingice/ajax-chosen

Entonces, tengo la versión más nueva de elegido (1.1.0) y la última versión de ajaxChosen. Inicializo ajaxChosen de la siguiente manera:

$("#add_people").ajaxChosen({
type: ''GET'',
minTermLength: 3,
afterTypeDelay: 300,
dataType: ''json'',
url: ''http://cmcrm.chocolata.be/content/people.php?action=list_options''
}, function (data) {
var results = [];
$.each(data, function (i, val) {
results.push({ value: val.value, text: val.text });
});
return results;
});

Mi secuencia de comandos tiene acceso a esta URL, y no hay prevención de XSS porque mi script está en el mismo dominio que la URL remota.

El formato de mi JSON es el siguiente:

[{"value":3,"text":"Valerietje Mortelmans (Actief)"},{"value":9,"text":"Olivier Hopchet (Actief)"},{"value":13,"text":"Wieland Rits (Actief)"},{"value":14,"text":"Melissa Seiffert van der Merwede (Actief)"},{"value":15,"text":"Guillaume de Valensart (Actief)"},{"value":18,"text":"Xavier Cloet (Actief)"},{"value":19,"text":"Brent Lammens (Actief)"},{"value":21,"text":"Coralie Libert (Actief)"},{"value":22,"text":"Laetitia Theus (Actief)"},{"value":23,"text":"Evelien Mollet (Actief)"},{"value":24,"text":"Feya Smets (Actief)"},{"value":25,"text":"Michelle Warneke (Actief)"},{"value":26,"text":"Carolyn Spaenjaers (Actief)"},{"value":27,"text":"Evelien Raes (Actief)"},{"value":28,"text":"Ange Luyten (Actief)"}]

Veo que se ha inicializado el elegido, pero cuando empiezo a escribir, obtengo inmediatamente "Sin resultados de búsqueda para KEYWORD". No hay errores en mi consola.

¿Entonces, cuál es el problema? ¿El plugin simplemente no funciona? ¿O estoy haciendo algo mal?

He creado un jsfiddle aquí http://jsfiddle.net/4796y/

¿Alguien puede ayudarme para no perder más tiempo en esto? :-) Me encantaría usar esto. ¡Gracias!

Answer 1

Después de algunas investigaciones más, descubrí que este complemento ya no se admite activamente.

Parece que Michael Perrin lo bifurcó para que sea compatible con las versiones 1.X de elegidas: https://github.com/michaelperrin/ajax-chosen/

La horquilla de Michael funciona, pero todavía está un poco falsa. En el ejemplo de Michael, mi problema principal era que algunas letras mecanografiadas se descartaban después de encontrar un resultado coincidente. Comportamiento inesperado!

Tal vez sería mejor darle otra oportunidad a Select2 , ya que sus usuarios afirman que pueden eludir la lentitud del complemento cuando se trata de listas de gran tamaño.

Este complemento se admite activamente y se usa ampliamente. Tal vez sería mejor poner nuestros huevos en esa canasta ;-)

Los problemas sobre la lentitud de Select2 se pueden encontrar aquí .

Answer 2

Tuve el mismo problema, no se lanzó ninguna solicitud de Ajax. Después de investigar un poco, descubrí que si su selección está vacía, seleccione la función de búsqueda.

Agregue esto a las opciones elegidas: disable_search_threshold: -1

tu código debería verse así:

$("selector").ajaxChosen({
// AJAX & AjaxChosen OPTIONS
type: ''GET'',
url: "/My/url.php",
dataType: ''json''
},
function (data) {
// CALLBACK
var results = [];
// [...]
return results;
},
{
// CHOSEN OPTIONS
disable_search_threshold: -1
});