como utilizo o plugin tagit para tags autocomplete?

[danielswater 0]

opa pessoal beleza?

to usando esse plugin aqui para criar tags, so que eu n to conseguindo fazer de maneira nenhuma o autcomplete, ja vi a documentação mas nao consegui fazer muita coisa

 

o plugin em questao e esse:

http://aehlke.github.io/tag-it/

 

no meu js, estou fazendo assim:

var arr; 
    $.ajax({
		type : "GET",
        url : "biblioteca/competencias-tags.php",
        dataType : "json",
		success: function(data){
			arr = data;
            
		}        
    });
    
    $("#comp-c").tagit({
        availableTags: arr
    });

e no php assim:

$dados = array();
$input = $_GET['comp-c'];

$query = mysql_query("SELECT * FROM a_competencia WHERE competencia LIKE '%$input%';");

while($linha = mysql_fetch_assoc($query)){
    $json = array();
    $json['id'] = $linha['id'];
    $json['value'] = $linha['competencia'];
    $dados[] = $json;


header("Content-type: application/json");
echo json_encode($dados);

alguem ja usou esse plugin que possa me ajudar a fazer esse autocomplete?

 

 

[William Bruno 1501]

pelo q vi do site, ele pega o "auto complete" dos "exemplos".

Vc tem q escrever esse array no teu js:

 var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];

            $("#mySingleFieldTags").tagit({
                availableTags: sampleTags
            });

[danielswater 0]

pois e, isso eu tambem vi, inclusive se eu colocar o array js "na mao", ele funciona normal

eu acho que o problema esta na hora de passar os dados do json para a variavel js

[danielswater 0]

opa..consegui, segue

 

 $("#comp-c").tagit({
        allowSpaces: true,
        itemName: 'item',
        fieldName: 'tags',
        tagSource : function(search, showChoices){
            $.ajax({
                url: "biblioteca/compet-comp.php",
                data : {search: search.term},
                success : function(choices){
                    showChoices(choices);
                }
            })
        }
    });